#C2BEC5 - #74697E | 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 #C2BEC5 to #74697E

#C2BEC5 #74697E

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

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

0.0%	0.0% #C2BEC5	RGB 194 190 197	#C2BEC5
16.7%	16.7% #B5AFB9	RGB 181 175 185	#B5AFB9
33.3%	33.3% #A8A1AD	RGB 168 161 173	#A8A1AD
50.0%	50.0% #9B93A1	RGB 155 147 161	#9B93A1
66.7%	66.7% #8E8595	RGB 142 133 149	#8E8595
83.3%	83.3% #817789	RGB 129 119 137	#817789
100.0%	100.0% #74697E	RGB 116 105 126	#74697E

#C2BEC5 #B5AFB9 #A8A1AD #9B93A1 #8E8595 #817789 #74697E

#C2BEC5 - #74697E

HSV Blend

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

0.0%	0.0% #C2BEC5	RGB 194 190 197	#C2BEC5
16.7%	16.7% #B4AEB9	RGB 180 174 185	#B4AEB9
33.3%	33.3% #A79FAD	RGB 167 159 173	#A79FAD
50.0%	50.0% #9A91A1	RGB 154 145 161	#9A91A1
66.7%	66.7% #8D8395	RGB 141 131 149	#8D8395
83.3%	83.3% #807589	RGB 128 117 137	#807589
100.0%	100.0% #74697E	RGB 116 105 126	#74697E

#C2BEC5 #B4AEB9 #A79FAD #9A91A1 #8D8395 #807589 #74697E

#C2BEC5 - #9A91A1 - #74697E

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2BEC5 0%, #9A91A1 50%, #74697E 100%);
    background: -webkit-linear-gradient(top, #C2BEC5 0%, #9A91A1 50%, #74697E 100%);
    background: linear-gradient(to bottom, #C2BEC5 0%, #9A91A1 50%, #74697E 100%);
}
</style>