#EEC2FF - #C16BED | 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 #EEC2FF to #C16BED

#EEC2FF #C16BED

Calculate the color between two colors, #EEC2FF and #C16BED. 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)

#EEC2FF - #C16BED | 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 #EEC2FF as 0% and #C16BED as 100%.

0.0%	0.0% #EEC2FF	RGB 238 194 255	#EEC2FF
16.7%	16.7% #E6B3FC	RGB 230 179 252	#E6B3FC
33.3%	33.3% #DFA5F9	RGB 223 165 249	#DFA5F9
50.0%	50.0% #D796F6	RGB 215 150 246	#D796F6
66.7%	66.7% #D088F3	RGB 208 136 243	#D088F3
83.3%	83.3% #C879F0	RGB 200 121 240	#C879F0
100.0%	100.0% #C16BED	RGB 193 107 237	#C16BED

#EEC2FF #E6B3FC #DFA5F9 #D796F6 #D088F3 #C879F0 #C16BED

#EEC2FF - #C16BED

HSV Blend

#EEC2FF - #C16BED | 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 #EEC2FF as 0% and #C16BED as 100%.

0.0%	0.0% #EEC2FF	RGB 238 194 255	#EEC2FF
16.7%	16.7% #E6B2FC	RGB 230 178 252	#E6B2FC
33.3%	33.3% #DFA3F9	RGB 223 163 249	#DFA3F9
50.0%	50.0% #D895F6	RGB 216 149 246	#D895F6
66.7%	66.7% #D086F3	RGB 208 134 243	#D086F3
83.3%	83.3% #C878F0	RGB 200 120 240	#C878F0
100.0%	100.0% #C16BED	RGB 193 107 237	#C16BED

#EEC2FF #E6B2FC #DFA3F9 #D895F6 #D086F3 #C878F0 #C16BED

#EEC2FF - #D895F6 - #C16BED

CSS codes

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

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