#CBAED3 - #EFC4FF | 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 #CBAED3 to #EFC4FF

#CBAED3 #EFC4FF

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

#CBAED3 - #EFC4FF | 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 #CBAED3 as 0% and #EFC4FF as 100%.

0.0%	0.0% #CBAED3	RGB 203 174 211	#CBAED3
16.7%	16.7% #D1B1DA	RGB 209 177 218	#D1B1DA
33.3%	33.3% #D7B5E1	RGB 215 181 225	#D7B5E1
50.0%	50.0% #DDB9E9	RGB 221 185 233	#DDB9E9
66.7%	66.7% #E3BCF0	RGB 227 188 240	#E3BCF0
83.3%	83.3% #E9C0F7	RGB 233 192 247	#E9C0F7
100.0%	100.0% #EFC4FF	RGB 239 196 255	#EFC4FF

#CBAED3 #D1B1DA #D7B5E1 #DDB9E9 #E3BCF0 #E9C0F7 #EFC4FF

#CBAED3 - #EFC4FF

HSV Blend

#CBAED3 - #EFC4FF | 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 #CBAED3 as 0% and #EFC4FF as 100%.

0.0%	0.0% #CBAED3	RGB 203 174 211	#CBAED3
16.7%	16.7% #D1B2DA	RGB 209 178 218	#D1B2DA
33.3%	33.3% #D7B5E1	RGB 215 181 225	#D7B5E1
50.0%	50.0% #DDB9E9	RGB 221 185 233	#DDB9E9
66.7%	66.7% #E3BDF0	RGB 227 189 240	#E3BDF0
83.3%	83.3% #E9C0F7	RGB 233 192 247	#E9C0F7
100.0%	100.0% #EFC4FF	RGB 239 196 255	#EFC4FF

#CBAED3 #D1B2DA #D7B5E1 #DDB9E9 #E3BDF0 #E9C0F7 #EFC4FF

#CBAED3 - #DDB9E9 - #EFC4FF

CSS codes

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

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