#CDCCCE - #827989 | 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 #CDCCCE to #827989

#CDCCCE #827989

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

#CDCCCE - #827989 | 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 #CDCCCE as 0% and #827989 as 100%.

0.0%	0.0% #CDCCCE	RGB 205 204 206	#CDCCCE
16.7%	16.7% #C0BEC2	RGB 192 190 194	#C0BEC2
33.3%	33.3% #B4B0B7	RGB 180 176 183	#B4B0B7
50.0%	50.0% #A7A2AB	RGB 167 162 171	#A7A2AB
66.7%	66.7% #9B94A0	RGB 155 148 160	#9B94A0
83.3%	83.3% #8E8694	RGB 142 134 148	#8E8694
100.0%	100.0% #827989	RGB 130 121 137	#827989

#CDCCCE #C0BEC2 #B4B0B7 #A7A2AB #9B94A0 #8E8694 #827989

#CDCCCE - #827989

HSV Blend

#CDCCCE - #827989 | 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 #CDCCCE as 0% and #827989 as 100%.

0.0%	0.0% #CDCCCE	RGB 205 204 206	#CDCCCE
16.7%	16.7% #BFBDC2	RGB 191 189 194	#BFBDC2
33.3%	33.3% #B3AEB7	RGB 179 174 183	#B3AEB7
50.0%	50.0% #A6A0AB	RGB 166 160 171	#A6A0AB
66.7%	66.7% #9A93A0	RGB 154 147 160	#9A93A0
83.3%	83.3% #8D8594	RGB 141 133 148	#8D8594
100.0%	100.0% #827989	RGB 130 121 137	#827989

#CDCCCE #BFBDC2 #B3AEB7 #A6A0AB #9A93A0 #8D8594 #827989

#CDCCCE - #A6A0AB - #827989

CSS codes

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

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