#C2D0D4 - #728197 | 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 #C2D0D4 to #728197

#C2D0D4 #728197

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

#C2D0D4 - #728197 | 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 #C2D0D4 as 0% and #728197 as 100%.

0.0%	0.0% #C2D0D4	RGB 194 208 212	#C2D0D4
16.7%	16.7% #B4C2C9	RGB 180 194 201	#B4C2C9
33.3%	33.3% #A7B5BF	RGB 167 181 191	#A7B5BF
50.0%	50.0% #9AA8B5	RGB 154 168 181	#9AA8B5
66.7%	66.7% #8C9BAB	RGB 140 155 171	#8C9BAB
83.3%	83.3% #7F8EA1	RGB 127 142 161	#7F8EA1
100.0%	100.0% #728197	RGB 114 129 151	#728197

#C2D0D4 #B4C2C9 #A7B5BF #9AA8B5 #8C9BAB #7F8EA1 #728197

#C2D0D4 - #728197

HSV Blend

#C2D0D4 - #728197 | 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 #C2D0D4 as 0% and #728197 as 100%.

0.0%	0.0% #C2D0D4	RGB 194 208 212	#C2D0D4
16.7%	16.7% #B3C3C9	RGB 179 195 201	#B3C3C9
33.3%	33.3% #A5B6BF	RGB 165 182 191	#A5B6BF
50.0%	50.0% #97A9B5	RGB 151 169 181	#97A9B5
66.7%	66.7% #8A9BAB	RGB 138 155 171	#8A9BAB
83.3%	83.3% #7D8EA1	RGB 125 142 161	#7D8EA1
100.0%	100.0% #728197	RGB 114 129 151	#728197

#C2D0D4 #B3C3C9 #A5B6BF #97A9B5 #8A9BAB #7D8EA1 #728197

#C2D0D4 - #97A9B5 - #728197

CSS codes

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

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