#C2D0DA - #7094B7 | 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 #C2D0DA to #7094B7

#C2D0DA #7094B7

Calculate the color between two colors, #C2D0DA and #7094B7. 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)

#C2D0DA - #7094B7 | 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 #C2D0DA as 0% and #7094B7 as 100%.

0.0%	0.0% #C2D0DA	RGB 194 208 218	#C2D0DA
16.7%	16.7% #B4C6D4	RGB 180 198 212	#B4C6D4
33.3%	33.3% #A6BCCE	RGB 166 188 206	#A6BCCE
50.0%	50.0% #99B2C8	RGB 153 178 200	#99B2C8
66.7%	66.7% #8BA8C2	RGB 139 168 194	#8BA8C2
83.3%	83.3% #7D9EBC	RGB 125 158 188	#7D9EBC
100.0%	100.0% #7094B7	RGB 112 148 183	#7094B7

#C2D0DA #B4C6D4 #A6BCCE #99B2C8 #8BA8C2 #7D9EBC #7094B7

#C2D0DA - #7094B7

HSV Blend

#C2D0DA - #7094B7 | 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 #C2D0DA as 0% and #7094B7 as 100%.

0.0%	0.0% #C2D0DA	RGB 194 208 218	#C2D0DA
16.7%	16.7% #B2C5D4	RGB 178 197 212	#B2C5D4
33.3%	33.3% #A4BBCE	RGB 164 187 206	#A4BBCE
50.0%	50.0% #96B1C8	RGB 150 177 200	#96B1C8
66.7%	66.7% #89A7C2	RGB 137 167 194	#89A7C2
83.3%	83.3% #7C9DBC	RGB 124 157 188	#7C9DBC
100.0%	100.0% #7094B7	RGB 112 148 183	#7094B7

#C2D0DA #B2C5D4 #A4BBCE #96B1C8 #89A7C2 #7C9DBC #7094B7

#C2D0DA - #96B1C8 - #7094B7

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D0DA 0%, #96B1C8 50%, #7094B7 100%);
    background: -webkit-linear-gradient(top, #C2D0DA 0%, #96B1C8 50%, #7094B7 100%);
    background: linear-gradient(to bottom, #C2D0DA 0%, #96B1C8 50%, #7094B7 100%);
}
</style>