#CF91CD - #ECABFF | 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 #CF91CD to #ECABFF

#CF91CD #ECABFF

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

#CF91CD - #ECABFF | 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 #CF91CD as 0% and #ECABFF as 100%.

0.0%	0.0% #CF91CD	RGB 207 145 205	#CF91CD
16.7%	16.7% #D395D5	RGB 211 149 213	#D395D5
33.3%	33.3% #D899DD	RGB 216 153 221	#D899DD
50.0%	50.0% #DD9EE6	RGB 221 158 230	#DD9EE6
66.7%	66.7% #E2A2EE	RGB 226 162 238	#E2A2EE
83.3%	83.3% #E7A6F6	RGB 231 166 246	#E7A6F6
100.0%	100.0% #ECABFF	RGB 236 171 255	#ECABFF

#CF91CD #D395D5 #D899DD #DD9EE6 #E2A2EE #E7A6F6 #ECABFF

#CF91CD - #ECABFF

HSV Blend

#CF91CD - #ECABFF | 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 #CF91CD as 0% and #ECABFF as 100%.

0.0%	0.0% #CF91CD	RGB 207 145 205	#CF91CD
16.7%	16.7% #D695D7	RGB 214 149 215	#D695D7
33.3%	33.3% #DB99DF	RGB 219 153 223	#DB99DF
50.0%	50.0% #DF9EE7	RGB 223 158 231	#DF9EE7
66.7%	66.7% #E4A2EF	RGB 228 162 239	#E4A2EF
83.3%	83.3% #E8A6F7	RGB 232 166 247	#E8A6F7
100.0%	100.0% #ECABFF	RGB 236 171 255	#ECABFF

#CF91CD #D695D7 #DB99DF #DF9EE7 #E4A2EF #E8A6F7 #ECABFF

#CF91CD - #DF9EE7 - #ECABFF

CSS codes

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

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