#6DA2D9 - #C4D4DC | 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 #6DA2D9 to #C4D4DC

#6DA2D9 #C4D4DC

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

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

0.0%	0.0% #6DA2D9	RGB 109 162 217	#6DA2D9
16.7%	16.7% #7BAAD9	RGB 123 170 217	#7BAAD9
33.3%	33.3% #8AB2DA	RGB 138 178 218	#8AB2DA
50.0%	50.0% #98BBDA	RGB 152 187 218	#98BBDA
66.7%	66.7% #A7C3DB	RGB 167 195 219	#A7C3DB
83.3%	83.3% #B5CBDB	RGB 181 203 219	#B5CBDB
100.0%	100.0% #C4D4DC	RGB 196 212 220	#C4D4DC

#6DA2D9 #7BAAD9 #8AB2DA #98BBDA #A7C3DB #B5CBDB #C4D4DC

#6DA2D9 - #C4D4DC

HSV Blend

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

0.0%	0.0% #6DA2D9	RGB 109 162 217	#6DA2D9
16.7%	16.7% #7BACD9	RGB 123 172 217	#7BACD9
33.3%	33.3% #89B5DA	RGB 137 181 218	#89B5DA
50.0%	50.0% #98BEDA	RGB 152 190 218	#98BEDA
66.7%	66.7% #A6C6DB	RGB 166 198 219	#A6C6DB
83.3%	83.3% #B5CDDB	RGB 181 205 219	#B5CDDB
100.0%	100.0% #C4D4DC	RGB 196 212 220	#C4D4DC

#6DA2D9 #7BACD9 #89B5DA #98BEDA #A6C6DB #B5CDDB #C4D4DC

#6DA2D9 - #98BEDA - #C4D4DC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6DA2D9 0%, #98BEDA 50%, #C4D4DC 100%);
    background: -webkit-linear-gradient(top, #6DA2D9 0%, #98BEDA 50%, #C4D4DC 100%);
    background: linear-gradient(to bottom, #6DA2D9 0%, #98BEDA 50%, #C4D4DC 100%);
}
</style>