#CCC7CE - #8F7788 | 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 #CCC7CE to #8F7788

#CCC7CE #8F7788

Calculate the color between two colors, #CCC7CE and #8F7788. 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)

#CCC7CE - #8F7788 | 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 #CCC7CE as 0% and #8F7788 as 100%.

0.0%	0.0% #CCC7CE	RGB 204 199 206	#CCC7CE
16.7%	16.7% #C1B9C2	RGB 193 185 194	#C1B9C2
33.3%	33.3% #B7ACB6	RGB 183 172 182	#B7ACB6
50.0%	50.0% #AD9FAB	RGB 173 159 171	#AD9FAB
66.7%	66.7% #A3919F	RGB 163 145 159	#A3919F
83.3%	83.3% #998493	RGB 153 132 147	#998493
100.0%	100.0% #8F7788	RGB 143 119 136	#8F7788

#CCC7CE #C1B9C2 #B7ACB6 #AD9FAB #A3919F #998493 #8F7788

#CCC7CE - #8F7788

HSV Blend

#CCC7CE - #8F7788 | 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 #CCC7CE as 0% and #8F7788 as 100%.

0.0%	0.0% #CCC7CE	RGB 204 199 206	#CCC7CE
16.7%	16.7% #C1B8C3	RGB 193 184 195	#C1B8C3
33.3%	33.3% #B7AAB9	RGB 183 170 185	#B7AAB9
50.0%	50.0% #AE9CAE	RGB 174 156 174	#AE9CAE
66.7%	66.7% #A48FA1	RGB 164 143 161	#A48FA1
83.3%	83.3% #998395	RGB 153 131 149	#998395
100.0%	100.0% #8F7788	RGB 143 119 136	#8F7788

#CCC7CE #C1B8C3 #B7AAB9 #AE9CAE #A48FA1 #998395 #8F7788

#CCC7CE - #AE9CAE - #8F7788

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CCC7CE 0%, #AE9CAE 50%, #8F7788 100%);
    background: -webkit-linear-gradient(top, #CCC7CE 0%, #AE9CAE 50%, #8F7788 100%);
    background: linear-gradient(to bottom, #CCC7CE 0%, #AE9CAE 50%, #8F7788 100%);
}
</style>