#C2D0DA - #6F8AAE | 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 #6F8AAE

#C2D0DA #6F8AAE

Calculate the color between two colors, #C2D0DA and #6F8AAE. 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 - #6F8AAE | 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 #6F8AAE as 100%.

0.0%	0.0% #C2D0DA	RGB 194 208 218	#C2D0DA
16.7%	16.7% #B4C4D2	RGB 180 196 210	#B4C4D2
33.3%	33.3% #A6B8CB	RGB 166 184 203	#A6B8CB
50.0%	50.0% #98ADC4	RGB 152 173 196	#98ADC4
66.7%	66.7% #8AA1BC	RGB 138 161 188	#8AA1BC
83.3%	83.3% #7C95B5	RGB 124 149 181	#7C95B5
100.0%	100.0% #6F8AAE	RGB 111 138 174	#6F8AAE

#C2D0DA #B4C4D2 #A6B8CB #98ADC4 #8AA1BC #7C95B5 #6F8AAE

#C2D0DA - #6F8AAE

HSV Blend

#C2D0DA - #6F8AAE | 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 #6F8AAE as 100%.

0.0%	0.0% #C2D0DA	RGB 194 208 218	#C2D0DA
16.7%	16.7% #B2C4D2	RGB 178 196 210	#B2C4D2
33.3%	33.3% #A3B8CB	RGB 163 184 203	#A3B8CB
50.0%	50.0% #95ADC4	RGB 149 173 196	#95ADC4
66.7%	66.7% #88A1BC	RGB 136 161 188	#88A1BC
83.3%	83.3% #7B95B5	RGB 123 149 181	#7B95B5
100.0%	100.0% #6F8AAE	RGB 111 138 174	#6F8AAE

#C2D0DA #B2C4D2 #A3B8CB #95ADC4 #88A1BC #7B95B5 #6F8AAE

#C2D0DA - #95ADC4 - #6F8AAE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C2D0DA 0%, #95ADC4 50%, #6F8AAE 100%);
    background: -webkit-linear-gradient(top, #C2D0DA 0%, #95ADC4 50%, #6F8AAE 100%);
    background: linear-gradient(to bottom, #C2D0DA 0%, #95ADC4 50%, #6F8AAE 100%);
}
</style>