#C4BDF7 - #EDECFC | 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 #C4BDF7 to #EDECFC

#C4BDF7 #EDECFC

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

#C4BDF7 - #EDECFC | 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 #C4BDF7 as 0% and #EDECFC as 100%.

0.0%	0.0% #C4BDF7	RGB 196 189 247	#C4BDF7
16.7%	16.7% #CAC4F7	RGB 202 196 247	#CAC4F7
33.3%	33.3% #D1CCF8	RGB 209 204 248	#D1CCF8
50.0%	50.0% #D8D4F9	RGB 216 212 249	#D8D4F9
66.7%	66.7% #DFDCFA	RGB 223 220 250	#DFDCFA
83.3%	83.3% #E6E4FB	RGB 230 228 251	#E6E4FB
100.0%	100.0% #EDECFC	RGB 237 236 252	#EDECFC

#C4BDF7 #CAC4F7 #D1CCF8 #D8D4F9 #DFDCFA #E6E4FB #EDECFC

#C4BDF7 - #EDECFC

HSV Blend

#C4BDF7 - #EDECFC | 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 #C4BDF7 as 0% and #EDECFC as 100%.

0.0%	0.0% #C4BDF7	RGB 196 189 247	#C4BDF7
16.7%	16.7% #CAC4F7	RGB 202 196 247	#CAC4F7
33.3%	33.3% #D0CCF8	RGB 208 204 248	#D0CCF8
50.0%	50.0% #D7D4F9	RGB 215 212 249	#D7D4F9
66.7%	66.7% #DEDCFA	RGB 222 220 250	#DEDCFA
83.3%	83.3% #E5E4FB	RGB 229 228 251	#E5E4FB
100.0%	100.0% #EDECFC	RGB 237 236 252	#EDECFC

#C4BDF7 #CAC4F7 #D0CCF8 #D7D4F9 #DEDCFA #E5E4FB #EDECFC

#C4BDF7 - #D7D4F9 - #EDECFC

CSS codes

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

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