#D4C9F7 - #806BC9 | 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 #D4C9F7 to #806BC9

#D4C9F7 #806BC9

Calculate the color between two colors, #D4C9F7 and #806BC9. 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)

#D4C9F7 - #806BC9 | 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 #D4C9F7 as 0% and #806BC9 as 100%.

0.0%	0.0% #D4C9F7	RGB 212 201 247	#D4C9F7
16.7%	16.7% #C6B9EF	RGB 198 185 239	#C6B9EF
33.3%	33.3% #B8A9E7	RGB 184 169 231	#B8A9E7
50.0%	50.0% #AA9AE0	RGB 170 154 224	#AA9AE0
66.7%	66.7% #9C8AD8	RGB 156 138 216	#9C8AD8
83.3%	83.3% #8E7AD0	RGB 142 122 208	#8E7AD0
100.0%	100.0% #806BC9	RGB 128 107 201	#806BC9

#D4C9F7 #C6B9EF #B8A9E7 #AA9AE0 #9C8AD8 #8E7AD0 #806BC9

#D4C9F7 - #806BC9

HSV Blend

#D4C9F7 - #806BC9 | 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 #D4C9F7 as 0% and #806BC9 as 100%.

0.0%	0.0% #D4C9F7	RGB 212 201 247	#D4C9F7
16.7%	16.7% #C4B7EF	RGB 196 183 239	#C4B7EF
33.3%	33.3% #B5A6E7	RGB 181 166 231	#B5A6E7
50.0%	50.0% #A796E0	RGB 167 150 224	#A796E0
66.7%	66.7% #9987D8	RGB 153 135 216	#9987D8
83.3%	83.3% #8C78D0	RGB 140 120 208	#8C78D0
100.0%	100.0% #806BC9	RGB 128 107 201	#806BC9

#D4C9F7 #C4B7EF #B5A6E7 #A796E0 #9987D8 #8C78D0 #806BC9

#D4C9F7 - #A796E0 - #806BC9

CSS codes

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

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