#C9D5E9 - #6E8AB4 | 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 #C9D5E9 to #6E8AB4

#C9D5E9 #6E8AB4

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

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

0.0%	0.0% #C9D5E9	RGB 201 213 233	#C9D5E9
16.7%	16.7% #B9C8E0	RGB 185 200 224	#B9C8E0
33.3%	33.3% #AABCD7	RGB 170 188 215	#AABCD7
50.0%	50.0% #9BAFCE	RGB 155 175 206	#9BAFCE
66.7%	66.7% #8CA3C5	RGB 140 163 197	#8CA3C5
83.3%	83.3% #7D96BC	RGB 125 150 188	#7D96BC
100.0%	100.0% #6E8AB4	RGB 110 138 180	#6E8AB4

#C9D5E9 #B9C8E0 #AABCD7 #9BAFCE #8CA3C5 #7D96BC #6E8AB4

#C9D5E9 - #6E8AB4

HSV Blend

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

0.0%	0.0% #C9D5E9	RGB 201 213 233	#C9D5E9
16.7%	16.7% #B7C7E0	RGB 183 199 224	#B7C7E0
33.3%	33.3% #A7B9D7	RGB 167 185 215	#A7B9D7
50.0%	50.0% #98ADCE	RGB 152 173 206	#98ADCE
66.7%	66.7% #89A0C5	RGB 137 160 197	#89A0C5
83.3%	83.3% #7B95BC	RGB 123 149 188	#7B95BC
100.0%	100.0% #6E8AB4	RGB 110 138 180	#6E8AB4

#C9D5E9 #B7C7E0 #A7B9D7 #98ADCE #89A0C5 #7B95BC #6E8AB4

#C9D5E9 - #98ADCE - #6E8AB4

CSS codes

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

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