#CFC7FF - #845FCF | 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 #CFC7FF to #845FCF

#CFC7FF #845FCF

Calculate the color between two colors, #CFC7FF and #845FCF. 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)

#CFC7FF - #845FCF | 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 #CFC7FF as 0% and #845FCF as 100%.

0.0%	0.0% #CFC7FF	RGB 207 199 255	#CFC7FF
16.7%	16.7% #C2B5F7	RGB 194 181 247	#C2B5F7
33.3%	33.3% #B6A4EF	RGB 182 164 239	#B6A4EF
50.0%	50.0% #A993E7	RGB 169 147 231	#A993E7
66.7%	66.7% #9D81DF	RGB 157 129 223	#9D81DF
83.3%	83.3% #9070D7	RGB 144 112 215	#9070D7
100.0%	100.0% #845FCF	RGB 132 95 207	#845FCF

#CFC7FF #C2B5F7 #B6A4EF #A993E7 #9D81DF #9070D7 #845FCF

#CFC7FF - #845FCF

HSV Blend

#CFC7FF - #845FCF | 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 #CFC7FF as 0% and #845FCF as 100%.

0.0%	0.0% #CFC7FF	RGB 207 199 255	#CFC7FF
16.7%	16.7% #BFB3F7	RGB 191 179 247	#BFB3F7
33.3%	33.3% #B0A0EF	RGB 176 160 239	#B0A0EF
50.0%	50.0% #A38FE7	RGB 163 143 231	#A38FE7
66.7%	66.7% #987EDF	RGB 152 126 223	#987EDF
83.3%	83.3% #8D6ED7	RGB 141 110 215	#8D6ED7
100.0%	100.0% #845FCF	RGB 132 95 207	#845FCF

#CFC7FF #BFB3F7 #B0A0EF #A38FE7 #987EDF #8D6ED7 #845FCF

#CFC7FF - #A38FE7 - #845FCF

CSS codes

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

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