#CCC6DB - #656A9F | 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 #656A9F

#CCC6DB #656A9F

Calculate the color between two colors, #CCC6DB and #656A9F. 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 - #656A9F | 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 #656A9F as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #BAB6D1	RGB 186 182 209	#BAB6D1
33.3%	33.3% #A9A7C7	RGB 169 167 199	#A9A7C7
50.0%	50.0% #9898BD	RGB 152 152 189	#9898BD
66.7%	66.7% #8788B3	RGB 135 136 179	#8788B3
83.3%	83.3% #7679A9	RGB 118 121 169	#7679A9
100.0%	100.0% #656A9F	RGB 101 106 159	#656A9F

#CCC6DB #BAB6D1 #A9A7C7 #9898BD #8788B3 #7679A9 #656A9F

#CCC6DB - #656A9F

HSV Blend

#CCC6DB - #656A9F | 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 #656A9F as 100%.

0.0%	0.0% #CCC6DB	RGB 204 198 219	#CCC6DB
16.7%	16.7% #BAB3D1	RGB 186 179 209	#BAB3D1
33.3%	33.3% #A8A2C7	RGB 168 162 199	#A8A2C7
50.0%	50.0% #9591BD	RGB 149 145 189	#9591BD
66.7%	66.7% #8381B3	RGB 131 129 179	#8381B3
83.3%	83.3% #7274A9	RGB 114 116 169	#7274A9
100.0%	100.0% #656A9F	RGB 101 106 159	#656A9F

#CCC6DB #BAB3D1 #A8A2C7 #9591BD #8381B3 #7274A9 #656A9F

#CCC6DB - #9591BD - #656A9F

CSS codes

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

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