#CCCCCE - #797989 | 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 #CCCCCE to #797989

#CCCCCE #797989

Calculate the color between two colors, #CCCCCE and #797989. 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)

#CCCCCE - #797989 | 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 #CCCCCE as 0% and #797989 as 100%.

0.0%	0.0% #CCCCCE	RGB 204 204 206	#CCCCCE
16.7%	16.7% #BEBEC2	RGB 190 190 194	#BEBEC2
33.3%	33.3% #B0B0B7	RGB 176 176 183	#B0B0B7
50.0%	50.0% #A2A2AB	RGB 162 162 171	#A2A2AB
66.7%	66.7% #9494A0	RGB 148 148 160	#9494A0
83.3%	83.3% #868694	RGB 134 134 148	#868694
100.0%	100.0% #797989	RGB 121 121 137	#797989

#CCCCCE #BEBEC2 #B0B0B7 #A2A2AB #9494A0 #868694 #797989

#CCCCCE - #797989

HSV Blend

#CCCCCE - #797989 | 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 #CCCCCE as 0% and #797989 as 100%.

0.0%	0.0% #CCCCCE	RGB 204 204 206	#CCCCCE
16.7%	16.7% #BDBDC2	RGB 189 189 194	#BDBDC2
33.3%	33.3% #AEAEB7	RGB 174 174 183	#AEAEB7
50.0%	50.0% #A0A0AB	RGB 160 160 171	#A0A0AB
66.7%	66.7% #9393A0	RGB 147 147 160	#9393A0
83.3%	83.3% #858594	RGB 133 133 148	#858594
100.0%	100.0% #797989	RGB 121 121 137	#797989

#CCCCCE #BDBDC2 #AEAEB7 #A0A0AB #9393A0 #858594 #797989

#CCCCCE - #A0A0AB - #797989

CSS codes

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

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