#CFADF7 - #EFE7FC | 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 #CFADF7 to #EFE7FC

#CFADF7 #EFE7FC

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

#CFADF7 - #EFE7FC | 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 #CFADF7 as 0% and #EFE7FC as 100%.

0.0%	0.0% #CFADF7	RGB 207 173 247	#CFADF7
16.7%	16.7% #D4B6F7	RGB 212 182 247	#D4B6F7
33.3%	33.3% #D9C0F8	RGB 217 192 248	#D9C0F8
50.0%	50.0% #DFCAF9	RGB 223 202 249	#DFCAF9
66.7%	66.7% #E4D3FA	RGB 228 211 250	#E4D3FA
83.3%	83.3% #E9DDFB	RGB 233 221 251	#E9DDFB
100.0%	100.0% #EFE7FC	RGB 239 231 252	#EFE7FC

#CFADF7 #D4B6F7 #D9C0F8 #DFCAF9 #E4D3FA #E9DDFB #EFE7FC

#CFADF7 - #EFE7FC

HSV Blend

#CFADF7 - #EFE7FC | 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 #CFADF7 as 0% and #EFE7FC as 100%.

0.0%	0.0% #CFADF7	RGB 207 173 247	#CFADF7
16.7%	16.7% #D3B6F7	RGB 211 182 247	#D3B6F7
33.3%	33.3% #D8C0F8	RGB 216 192 248	#D8C0F8
50.0%	50.0% #DDC9F9	RGB 221 201 249	#DDC9F9
66.7%	66.7% #E3D3FA	RGB 227 211 250	#E3D3FA
83.3%	83.3% #E8DDFB	RGB 232 221 251	#E8DDFB
100.0%	100.0% #EFE7FC	RGB 239 231 252	#EFE7FC

#CFADF7 #D3B6F7 #D8C0F8 #DDC9F9 #E3D3FA #E8DDFB #EFE7FC

#CFADF7 - #DDC9F9 - #EFE7FC

CSS codes

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

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