#C83A8D - #EFC6DE | colorate

colorate is a color scheme tool for designers and developers. This will help you draw inspiration and serve as a resource for your color work. Make this site better

Blend #C83A8D to #EFC6DE

#C83A8D #EFC6DE

Calculate the color between two colors, #C83A8D and #EFC6DE. In calculation of RGB values, saturation between the dissimilar colors is low. In calculating of HSV values, saturation between the dissimilar colors is not low.

RGB Blend(Linear)

#C83A8D - #EFC6DE | colorate

Calculation of color between two colors based on RGB value. For colors that are distant from each other, the saturation between the two colors decreases. Expand the color between two colors with #C83A8D as 0% and #EFC6DE as 100%.

0.0%	0.0% #C83A8D	RGB 200 58 141	#C83A8D
16.7%	16.7% #CE519A	RGB 206 81 154	#CE519A
33.3%	33.3% #D568A8	RGB 213 104 168	#D568A8
50.0%	50.0% #DB80B5	RGB 219 128 181	#DB80B5
66.7%	66.7% #E297C3	RGB 226 151 195	#E297C3
83.3%	83.3% #E8AED0	RGB 232 174 208	#E8AED0
100.0%	100.0% #EFC6DE	RGB 239 198 222	#EFC6DE

#C83A8D #CE519A #D568A8 #DB80B5 #E297C3 #E8AED0 #EFC6DE

#C83A8D - #EFC6DE

HSV Blend

#C83A8D - #EFC6DE | colorate

Calculation of color between two colors based on HSV value. Even between distinct colors of color, the saturation between the two colors does not decrease. Expand the color between two colors with #C83A8D as 0% and #EFC6DE as 100%.

0.0%	0.0% #C83A8D	RGB 200 58 141	#C83A8D
16.7%	16.7% #CE4E99	RGB 206 78 153	#CE4E99
33.3%	33.3% #D564A6	RGB 213 100 166	#D564A6
50.0%	50.0% #DB7AB3	RGB 219 122 179	#DB7AB3
66.7%	66.7% #E292C1	RGB 226 146 193	#E292C1
83.3%	83.3% #E8ABCF	RGB 232 171 207	#E8ABCF
100.0%	100.0% #EFC6DE	RGB 239 198 222	#EFC6DE

#C83A8D #CE4E99 #D564A6 #DB7AB3 #E292C1 #E8ABCF #EFC6DE

#C83A8D - #DB7AB3 - #EFC6DE

CSS codes

<style type="text/css">
/* RGB Gradient */
div {
    background: -moz-linear-gradient(top, #C83A8D 0%, #EFC6DE 100%);
    background: -webkit-linear-gradient(top, #C83A8D 0%, #EFC6DE 100%);
    background: linear-gradient(to bottom, #C83A8D 0%, #EFC6DE 100%);
}

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C83A8D 0%, #DB7AB3 50%, #EFC6DE 100%);
    background: -webkit-linear-gradient(top, #C83A8D 0%, #DB7AB3 50%, #EFC6DE 100%);
    background: linear-gradient(to bottom, #C83A8D 0%, #DB7AB3 50%, #EFC6DE 100%);
}
</style>