#C5DCE1 - #6BA0A2 | 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 #C5DCE1 to #6BA0A2

#C5DCE1 #6BA0A2

Calculate the color between two colors, #C5DCE1 and #6BA0A2. 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)

#C5DCE1 - #6BA0A2 | 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 #C5DCE1 as 0% and #6BA0A2 as 100%.

0.0%	0.0% #C5DCE1	RGB 197 220 225	#C5DCE1
16.7%	16.7% #B6D2D6	RGB 182 210 214	#B6D2D6
33.3%	33.3% #A7C8CC	RGB 167 200 204	#A7C8CC
50.0%	50.0% #98BEC1	RGB 152 190 193	#98BEC1
66.7%	66.7% #89B4B7	RGB 137 180 183	#89B4B7
83.3%	83.3% #7AAAAC	RGB 122 170 172	#7AAAAC
100.0%	100.0% #6BA0A2	RGB 107 160 162	#6BA0A2

#C5DCE1 #B6D2D6 #A7C8CC #98BEC1 #89B4B7 #7AAAAC #6BA0A2

#C5DCE1 - #6BA0A2

HSV Blend

#C5DCE1 - #6BA0A2 | 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 #C5DCE1 as 0% and #6BA0A2 as 100%.

0.0%	0.0% #C5DCE1	RGB 197 220 225	#C5DCE1
16.7%	16.7% #B4D1D6	RGB 180 209 214	#B4D1D6
33.3%	33.3% #A3C6CC	RGB 163 198 204	#A3C6CC
50.0%	50.0% #94BCC1	RGB 148 188 193	#94BCC1
66.7%	66.7% #85B2B7	RGB 133 178 183	#85B2B7
83.3%	83.3% #78A9AC	RGB 120 169 172	#78A9AC
100.0%	100.0% #6BA0A2	RGB 107 160 162	#6BA0A2

#C5DCE1 #B4D1D6 #A3C6CC #94BCC1 #85B2B7 #78A9AC #6BA0A2

#C5DCE1 - #94BCC1 - #6BA0A2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C5DCE1 0%, #94BCC1 50%, #6BA0A2 100%);
    background: -webkit-linear-gradient(top, #C5DCE1 0%, #94BCC1 50%, #6BA0A2 100%);
    background: linear-gradient(to bottom, #C5DCE1 0%, #94BCC1 50%, #6BA0A2 100%);
}
</style>