#ECD2FF - #C76EDF | 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 #ECD2FF to #C76EDF

#ECD2FF #C76EDF

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

#ECD2FF - #C76EDF | 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 #ECD2FF as 0% and #C76EDF as 100%.

0.0%	0.0% #ECD2FF	RGB 236 210 255	#ECD2FF
16.7%	16.7% #E5C1F9	RGB 229 193 249	#E5C1F9
33.3%	33.3% #DFB0F4	RGB 223 176 244	#DFB0F4
50.0%	50.0% #D9A0EF	RGB 217 160 239	#D9A0EF
66.7%	66.7% #D38FE9	RGB 211 143 233	#D38FE9
83.3%	83.3% #CD7EE4	RGB 205 126 228	#CD7EE4
100.0%	100.0% #C76EDF	RGB 199 110 223	#C76EDF

#ECD2FF #E5C1F9 #DFB0F4 #D9A0EF #D38FE9 #CD7EE4 #C76EDF

#ECD2FF - #C76EDF

HSV Blend

#ECD2FF - #C76EDF | 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 #ECD2FF as 0% and #C76EDF as 100%.

0.0%	0.0% #ECD2FF	RGB 236 210 255	#ECD2FF
16.7%	16.7% #E3BFF9	RGB 227 191 249	#E3BFF9
33.3%	33.3% #DBAEF4	RGB 219 174 244	#DBAEF4
50.0%	50.0% #D59DEF	RGB 213 157 239	#D59DEF
66.7%	66.7% #CF8CE9	RGB 207 140 233	#CF8CE9
83.3%	83.3% #CA7DE4	RGB 202 125 228	#CA7DE4
100.0%	100.0% #C76EDF	RGB 199 110 223	#C76EDF

#ECD2FF #E3BFF9 #DBAEF4 #D59DEF #CF8CE9 #CA7DE4 #C76EDF

#ECD2FF - #D59DEF - #C76EDF

CSS codes

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

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