#CCC6DB - #836A9A | 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 #CCC6DB to #836A9A

#CCC6DB #836A9A

Calculate the color between two colors, #CCC6DB and #836A9A. 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)

#CCC6DB - #836A9A | 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 #CCC6DB as 0% and #836A9A as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #BFB6D0	RGB 191 182 208	#BFB6D0
33.3%	33.3% #B3A7C5	RGB 179 167 197	#B3A7C5
50.0%	50.0% #A798BA	RGB 167 152 186	#A798BA
66.7%	66.7% #9B88AF	RGB 155 136 175	#9B88AF
83.3%	83.3% #8F79A4	RGB 143 121 164	#8F79A4
100.0%	100.0% #836A9A	RGB 131 106 154	#836A9A

#CCC6DB #BFB6D0 #B3A7C5 #A798BA #9B88AF #8F79A4 #836A9A

#CCC6DB - #836A9A

HSV Blend

#CCC6DB - #836A9A | 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 #CCC6DB as 0% and #836A9A as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #BDB4D0	RGB 189 180 208	#BDB4D0
33.3%	33.3% #B0A4C5	RGB 176 164 197	#B0A4C5
50.0%	50.0% #A394BA	RGB 163 148 186	#A394BA
66.7%	66.7% #9885AF	RGB 152 133 175	#9885AF
83.3%	83.3% #8D77A4	RGB 141 119 164	#8D77A4
100.0%	100.0% #836A9A	RGB 131 106 154	#836A9A

#CCC6DB #BDB4D0 #B0A4C5 #A394BA #9885AF #8D77A4 #836A9A

#CCC6DB - #A394BA - #836A9A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC6DB 0%, #A394BA 50%, #836A9A 100%);
    background: -webkit-linear-gradient(top, #CCC6DB 0%, #A394BA 50%, #836A9A 100%);
    background: linear-gradient(to bottom, #CCC6DB 0%, #A394BA 50%, #836A9A 100%);
}
</style>