#D4C7FF - #8D72F4 | 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 #D4C7FF to #8D72F4

#D4C7FF #8D72F4

Calculate the color between two colors, #D4C7FF and #8D72F4. 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)

#D4C7FF - #8D72F4 | 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 #D4C7FF as 0% and #8D72F4 as 100%.

0.0%	0.0% #D4C7FF	RGB 212 199 255	#D4C7FF
16.7%	16.7% #C8B8FD	RGB 200 184 253	#C8B8FD
33.3%	33.3% #BCAAFB	RGB 188 170 251	#BCAAFB
50.0%	50.0% #B09CF9	RGB 176 156 249	#B09CF9
66.7%	66.7% #A48EF7	RGB 164 142 247	#A48EF7
83.3%	83.3% #9880F5	RGB 152 128 245	#9880F5
100.0%	100.0% #8D72F4	RGB 141 114 244	#8D72F4

#D4C7FF #C8B8FD #BCAAFB #B09CF9 #A48EF7 #9880F5 #8D72F4

#D4C7FF - #8D72F4

HSV Blend

#D4C7FF - #8D72F4 | 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 #D4C7FF as 0% and #8D72F4 as 100%.

0.0%	0.0% #D4C7FF	RGB 212 199 255	#D4C7FF
16.7%	16.7% #C8B8FD	RGB 200 184 253	#C8B8FD
33.3%	33.3% #BCA9FB	RGB 188 169 251	#BCA9FB
50.0%	50.0% #B09BF9	RGB 176 155 249	#B09BF9
66.7%	66.7% #A48DF7	RGB 164 141 247	#A48DF7
83.3%	83.3% #987FF5	RGB 152 127 245	#987FF5
100.0%	100.0% #8D72F4	RGB 141 114 244	#8D72F4

#D4C7FF #C8B8FD #BCA9FB #B09BF9 #A48DF7 #987FF5 #8D72F4

#D4C7FF - #B09BF9 - #8D72F4

CSS codes

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

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