#C2B8C5 - #70647E | 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 #C2B8C5 to #70647E

#C2B8C5 #70647E

Calculate the color between two colors, #C2B8C5 and #70647E. 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)

#C2B8C5 - #70647E | 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 #C2B8C5 as 0% and #70647E as 100%.

0.0%	0.0% #C2B8C5	RGB 194 184 197	#C2B8C5
16.7%	16.7% #B4AAB9	RGB 180 170 185	#B4AAB9
33.3%	33.3% #A69CAD	RGB 166 156 173	#A69CAD
50.0%	50.0% #998EA1	RGB 153 142 161	#998EA1
66.7%	66.7% #8B8095	RGB 139 128 149	#8B8095
83.3%	83.3% #7D7289	RGB 125 114 137	#7D7289
100.0%	100.0% #70647E	RGB 112 100 126	#70647E

#C2B8C5 #B4AAB9 #A69CAD #998EA1 #8B8095 #7D7289 #70647E

#C2B8C5 - #70647E

HSV Blend

#C2B8C5 - #70647E | 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 #C2B8C5 as 0% and #70647E as 100%.

0.0%	0.0% #C2B8C5	RGB 194 184 197	#C2B8C5
16.7%	16.7% #B4A8B9	RGB 180 168 185	#B4A8B9
33.3%	33.3% #A699AD	RGB 166 153 173	#A699AD
50.0%	50.0% #998BA1	RGB 153 139 161	#998BA1
66.7%	66.7% #8B7D95	RGB 139 125 149	#8B7D95
83.3%	83.3% #7D7089	RGB 125 112 137	#7D7089
100.0%	100.0% #70647E	RGB 112 100 126	#70647E

#C2B8C5 #B4A8B9 #A699AD #998BA1 #8B7D95 #7D7089 #70647E

#C2B8C5 - #998BA1 - #70647E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2B8C5 0%, #998BA1 50%, #70647E 100%);
    background: -webkit-linear-gradient(top, #C2B8C5 0%, #998BA1 50%, #70647E 100%);
    background: linear-gradient(to bottom, #C2B8C5 0%, #998BA1 50%, #70647E 100%);
}
</style>