#CFC5D9 - #826C97 | 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 #CFC5D9 to #826C97

#CFC5D9 #826C97

Calculate the color between two colors, #CFC5D9 and #826C97. 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)

#CFC5D9 - #826C97 | 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 #CFC5D9 as 0% and #826C97 as 100%.

0.0%	0.0% #CFC5D9	RGB 207 197 217	#CFC5D9
16.7%	16.7% #C2B6CE	RGB 194 182 206	#C2B6CE
33.3%	33.3% #B5A7C3	RGB 181 167 195	#B5A7C3
50.0%	50.0% #A898B8	RGB 168 152 184	#A898B8
66.7%	66.7% #9B89AD	RGB 155 137 173	#9B89AD
83.3%	83.3% #8E7AA2	RGB 142 122 162	#8E7AA2
100.0%	100.0% #826C97	RGB 130 108 151	#826C97

#CFC5D9 #C2B6CE #B5A7C3 #A898B8 #9B89AD #8E7AA2 #826C97

#CFC5D9 - #826C97

HSV Blend

#CFC5D9 - #826C97 | 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 #CFC5D9 as 0% and #826C97 as 100%.

0.0%	0.0% #CFC5D9	RGB 207 197 217	#CFC5D9
16.7%	16.7% #C1B4CE	RGB 193 180 206	#C1B4CE
33.3%	33.3% #B3A4C3	RGB 179 164 195	#B3A4C3
50.0%	50.0% #A695B8	RGB 166 149 184	#A695B8
66.7%	66.7% #9A86AD	RGB 154 134 173	#9A86AD
83.3%	83.3% #8D79A2	RGB 141 121 162	#8D79A2
100.0%	100.0% #826C97	RGB 130 108 151	#826C97

#CFC5D9 #C1B4CE #B3A4C3 #A695B8 #9A86AD #8D79A2 #826C97

#CFC5D9 - #A695B8 - #826C97

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CFC5D9 0%, #A695B8 50%, #826C97 100%);
    background: -webkit-linear-gradient(top, #CFC5D9 0%, #A695B8 50%, #826C97 100%);
    background: linear-gradient(to bottom, #CFC5D9 0%, #A695B8 50%, #826C97 100%);
}
</style>