#C5ADF0 - #EEE7FA | 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 #C5ADF0 to #EEE7FA

#C5ADF0 #EEE7FA

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

#C5ADF0 - #EEE7FA | 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 #C5ADF0 as 0% and #EEE7FA as 100%.

0.0%	0.0% #C5ADF0	RGB 197 173 240	#C5ADF0
16.7%	16.7% #CBB6F1	RGB 203 182 241	#CBB6F1
33.3%	33.3% #D2C0F3	RGB 210 192 243	#D2C0F3
50.0%	50.0% #D9CAF5	RGB 217 202 245	#D9CAF5
66.7%	66.7% #E0D3F6	RGB 224 211 246	#E0D3F6
83.3%	83.3% #E7DDF8	RGB 231 221 248	#E7DDF8
100.0%	100.0% #EEE7FA	RGB 238 231 250	#EEE7FA

#C5ADF0 #CBB6F1 #D2C0F3 #D9CAF5 #E0D3F6 #E7DDF8 #EEE7FA

#C5ADF0 - #EEE7FA

HSV Blend

#C5ADF0 - #EEE7FA | 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 #C5ADF0 as 0% and #EEE7FA as 100%.

0.0%	0.0% #C5ADF0	RGB 197 173 240	#C5ADF0
16.7%	16.7% #CBB6F1	RGB 203 182 241	#CBB6F1
33.3%	33.3% #D2BFF3	RGB 210 191 243	#D2BFF3
50.0%	50.0% #D9C9F5	RGB 217 201 245	#D9C9F5
66.7%	66.7% #E0D3F6	RGB 224 211 246	#E0D3F6
83.3%	83.3% #E7DDF8	RGB 231 221 248	#E7DDF8
100.0%	100.0% #EEE7FA	RGB 238 231 250	#EEE7FA

#C5ADF0 #CBB6F1 #D2BFF3 #D9C9F5 #E0D3F6 #E7DDF8 #EEE7FA

#C5ADF0 - #D9C9F5 - #EEE7FA

CSS codes

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

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