#CFCFDE - #817BBC | 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 #CFCFDE to #817BBC

#CFCFDE #817BBC

Calculate the color between two colors, #CFCFDE and #817BBC. 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)

#CFCFDE - #817BBC | 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 #CFCFDE as 0% and #817BBC as 100%.

0.0%	0.0% #CFCFDE	RGB 207 207 222	#CFCFDE
16.7%	16.7% #C2C1D8	RGB 194 193 216	#C2C1D8
33.3%	33.3% #B5B3D2	RGB 181 179 210	#B5B3D2
50.0%	50.0% #A8A5CD	RGB 168 165 205	#A8A5CD
66.7%	66.7% #9B97C7	RGB 155 151 199	#9B97C7
83.3%	83.3% #8E89C1	RGB 142 137 193	#8E89C1
100.0%	100.0% #817BBC	RGB 129 123 188	#817BBC

#CFCFDE #C2C1D8 #B5B3D2 #A8A5CD #9B97C7 #8E89C1 #817BBC

#CFCFDE - #817BBC

HSV Blend

#CFCFDE - #817BBC | 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 #CFCFDE as 0% and #817BBC as 100%.

0.0%	0.0% #CFCFDE	RGB 207 207 222	#CFCFDE
16.7%	16.7% #C0BFD8	RGB 192 191 216	#C0BFD8
33.3%	33.3% #B1B0D2	RGB 177 176 210	#B1B0D2
50.0%	50.0% #A4A2CD	RGB 164 162 205	#A4A2CD
66.7%	66.7% #9894C7	RGB 152 148 199	#9894C7
83.3%	83.3% #8C87C1	RGB 140 135 193	#8C87C1
100.0%	100.0% #817BBC	RGB 129 123 188	#817BBC

#CFCFDE #C0BFD8 #B1B0D2 #A4A2CD #9894C7 #8C87C1 #817BBC

#CFCFDE - #A4A2CD - #817BBC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFCFDE 0%, #A4A2CD 50%, #817BBC 100%);
    background: -webkit-linear-gradient(top, #CFCFDE 0%, #A4A2CD 50%, #817BBC 100%);
    background: linear-gradient(to bottom, #CFCFDE 0%, #A4A2CD 50%, #817BBC 100%);
}
</style>