#C4A4FF - #712FCE | 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 #C4A4FF to #712FCE

#C4A4FF #712FCE

Calculate the color between two colors, #C4A4FF and #712FCE. 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)

#C4A4FF - #712FCE | 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 #C4A4FF as 0% and #712FCE as 100%.

0.0%	0.0% #C4A4FF	RGB 196 164 255	#C4A4FF
16.7%	16.7% #B690F6	RGB 182 144 246	#B690F6
33.3%	33.3% #A87DEE	RGB 168 125 238	#A87DEE
50.0%	50.0% #9A69E6	RGB 154 105 230	#9A69E6
66.7%	66.7% #8C56DE	RGB 140 86 222	#8C56DE
83.3%	83.3% #7E42D6	RGB 126 66 214	#7E42D6
100.0%	100.0% #712FCE	RGB 113 47 206	#712FCE

#C4A4FF #B690F6 #A87DEE #9A69E6 #8C56DE #7E42D6 #712FCE

#C4A4FF - #712FCE

HSV Blend

#C4A4FF - #712FCE | 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 #C4A4FF as 0% and #712FCE as 100%.

0.0%	0.0% #C4A4FF	RGB 196 164 255	#C4A4FF
16.7%	16.7% #B38DF6	RGB 179 141 246	#B38DF6
33.3%	33.3% #A478EE	RGB 164 120 238	#A478EE
50.0%	50.0% #9664E6	RGB 150 100 230	#9664E6
66.7%	66.7% #8851DE	RGB 136 81 222	#8851DE
83.3%	83.3% #7C3FD6	RGB 124 63 214	#7C3FD6
100.0%	100.0% #712FCE	RGB 113 47 206	#712FCE

#C4A4FF #B38DF6 #A478EE #9664E6 #8851DE #7C3FD6 #712FCE

#C4A4FF - #9664E6 - #712FCE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C4A4FF 0%, #9664E6 50%, #712FCE 100%);
    background: -webkit-linear-gradient(top, #C4A4FF 0%, #9664E6 50%, #712FCE 100%);
    background: linear-gradient(to bottom, #C4A4FF 0%, #9664E6 50%, #712FCE 100%);
}
</style>