#6D9ECC - #C9D2D4 | 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 #6D9ECC to #C9D2D4

#6D9ECC #C9D2D4

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

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

0.0%	0.0% #6D9ECC	RGB 109 158 204	#6D9ECC
16.7%	16.7% #7CA6CD	RGB 124 166 205	#7CA6CD
33.3%	33.3% #8BAFCE	RGB 139 175 206	#8BAFCE
50.0%	50.0% #9BB8D0	RGB 155 184 208	#9BB8D0
66.7%	66.7% #AAC0D1	RGB 170 192 209	#AAC0D1
83.3%	83.3% #B9C9D2	RGB 185 201 210	#B9C9D2
100.0%	100.0% #C9D2D4	RGB 201 210 212	#C9D2D4

#6D9ECC #7CA6CD #8BAFCE #9BB8D0 #AAC0D1 #B9C9D2 #C9D2D4

#6D9ECC - #C9D2D4

HSV Blend

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

0.0%	0.0% #6D9ECC	RGB 109 158 204	#6D9ECC
16.7%	16.7% #7BA9CD	RGB 123 169 205	#7BA9CD
33.3%	33.3% #8AB4CE	RGB 138 180 206	#8AB4CE
50.0%	50.0% #9ABED0	RGB 154 190 208	#9ABED0
66.7%	66.7% #A9C6D1	RGB 169 198 209	#A9C6D1
83.3%	83.3% #B9CCD2	RGB 185 204 210	#B9CCD2
100.0%	100.0% #C9D2D4	RGB 201 210 212	#C9D2D4

#6D9ECC #7BA9CD #8AB4CE #9ABED0 #A9C6D1 #B9CCD2 #C9D2D4

#6D9ECC - #9ABED0 - #C9D2D4

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6D9ECC 0%, #9ABED0 50%, #C9D2D4 100%);
    background: -webkit-linear-gradient(top, #6D9ECC 0%, #9ABED0 50%, #C9D2D4 100%);
    background: linear-gradient(to bottom, #6D9ECC 0%, #9ABED0 50%, #C9D2D4 100%);
}
</style>