#D4C4FF - #875BCF | 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 #D4C4FF to #875BCF

#D4C4FF #875BCF

Calculate the color between two colors, #D4C4FF and #875BCF. 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)

#D4C4FF - #875BCF | 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 #D4C4FF as 0% and #875BCF as 100%.

0.0%	0.0% #D4C4FF	RGB 212 196 255	#D4C4FF
16.7%	16.7% #C7B2F7	RGB 199 178 247	#C7B2F7
33.3%	33.3% #BAA1EF	RGB 186 161 239	#BAA1EF
50.0%	50.0% #AD8FE7	RGB 173 143 231	#AD8FE7
66.7%	66.7% #A07EDF	RGB 160 126 223	#A07EDF
83.3%	83.3% #936CD7	RGB 147 108 215	#936CD7
100.0%	100.0% #875BCF	RGB 135 91 207	#875BCF

#D4C4FF #C7B2F7 #BAA1EF #AD8FE7 #A07EDF #936CD7 #875BCF

#D4C4FF - #875BCF

HSV Blend

#D4C4FF - #875BCF | 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 #D4C4FF as 0% and #875BCF as 100%.

0.0%	0.0% #D4C4FF	RGB 212 196 255	#D4C4FF
16.7%	16.7% #C4B0F7	RGB 196 176 247	#C4B0F7
33.3%	33.3% #B69DEF	RGB 182 157 239	#B69DEF
50.0%	50.0% #A98BE7	RGB 169 139 231	#A98BE7
66.7%	66.7% #9C7ADF	RGB 156 122 223	#9C7ADF
83.3%	83.3% #916AD7	RGB 145 106 215	#916AD7
100.0%	100.0% #875BCF	RGB 135 91 207	#875BCF

#D4C4FF #C4B0F7 #B69DEF #A98BE7 #9C7ADF #916AD7 #875BCF

#D4C4FF - #A98BE7 - #875BCF

CSS codes

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

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