#CCC6D7 - #826C95 | 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 #CCC6D7 to #826C95

#CCC6D7 #826C95

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

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

0.0%	0.0% #CCC6D7	RGB 204 198 215	#CCC6D7
16.7%	16.7% #BFB7CC	RGB 191 183 204	#BFB7CC
33.3%	33.3% #B3A8C1	RGB 179 168 193	#B3A8C1
50.0%	50.0% #A799B6	RGB 167 153 182	#A799B6
66.7%	66.7% #9A8AAB	RGB 154 138 171	#9A8AAB
83.3%	83.3% #8E7BA0	RGB 142 123 160	#8E7BA0
100.0%	100.0% #826C95	RGB 130 108 149	#826C95

#CCC6D7 #BFB7CC #B3A8C1 #A799B6 #9A8AAB #8E7BA0 #826C95

#CCC6D7 - #826C95

HSV Blend

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

0.0%	0.0% #CCC6D7	RGB 204 198 215	#CCC6D7
16.7%	16.7% #BDB5CC	RGB 189 181 204	#BDB5CC
33.3%	33.3% #B0A5C1	RGB 176 165 193	#B0A5C1
50.0%	50.0% #A495B6	RGB 164 149 182	#A495B6
66.7%	66.7% #9887AB	RGB 152 135 171	#9887AB
83.3%	83.3% #8C79A0	RGB 140 121 160	#8C79A0
100.0%	100.0% #826C95	RGB 130 108 149	#826C95

#CCC6D7 #BDB5CC #B0A5C1 #A495B6 #9887AB #8C79A0 #826C95

#CCC6D7 - #A495B6 - #826C95

CSS codes

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

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