#C9C2D3 - #39373C | 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 #C9C2D3 to #39373C

#C9C2D3 #39373C

Calculate the color between two colors, #C9C2D3 and #39373C. 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)

#C9C2D3 - #39373C | 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 #C9C2D3 as 0% and #39373C as 100%.

0.0%	0.0% #C9C2D3	RGB 201 194 211	#C9C2D3
16.7%	16.7% #B1AAB9	RGB 177 170 185	#B1AAB9
33.3%	33.3% #9993A0	RGB 153 147 160	#9993A0
50.0%	50.0% #817C87	RGB 129 124 135	#817C87
66.7%	66.7% #69656E	RGB 105 101 110	#69656E
83.3%	83.3% #514E55	RGB 81 78 85	#514E55
100.0%	100.0% #39373C	RGB 57 55 60	#39373C

#C9C2D3 #B1AAB9 #9993A0 #817C87 #69656E #514E55 #39373C

#C9C2D3 - #39373C

HSV Blend

#C9C2D3 - #39373C | 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 #C9C2D3 as 0% and #39373C as 100%.

0.0%	0.0% #C9C2D3	RGB 201 194 211	#C9C2D3
16.7%	16.7% #B0AAB9	RGB 176 170 185	#B0AAB9
33.3%	33.3% #9893A0	RGB 152 147 160	#9893A0
50.0%	50.0% #807C87	RGB 128 124 135	#807C87
66.7%	66.7% #68656E	RGB 104 101 110	#68656E
83.3%	83.3% #504E55	RGB 80 78 85	#504E55
100.0%	100.0% #39373C	RGB 57 55 60	#39373C

#C9C2D3 #B0AAB9 #9893A0 #807C87 #68656E #504E55 #39373C

#C9C2D3 - #807C87 - #39373C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C9C2D3 0%, #807C87 50%, #39373C 100%);
    background: -webkit-linear-gradient(top, #C9C2D3 0%, #807C87 50%, #39373C 100%);
    background: linear-gradient(to bottom, #C9C2D3 0%, #807C87 50%, #39373C 100%);
}
</style>