#C5E2F9 - #6A9ACD | 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 #C5E2F9 to #6A9ACD

#C5E2F9 #6A9ACD

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

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

0.0%	0.0% #C5E2F9	RGB 197 226 249	#C5E2F9
16.7%	16.7% #B5D6F1	RGB 181 214 241	#B5D6F1
33.3%	33.3% #A6CAEA	RGB 166 202 234	#A6CAEA
50.0%	50.0% #97BEE3	RGB 151 190 227	#97BEE3
66.7%	66.7% #88B2DB	RGB 136 178 219	#88B2DB
83.3%	83.3% #79A6D4	RGB 121 166 212	#79A6D4
100.0%	100.0% #6A9ACD	RGB 106 154 205	#6A9ACD

#C5E2F9 #B5D6F1 #A6CAEA #97BEE3 #88B2DB #79A6D4 #6A9ACD

#C5E2F9 - #6A9ACD

HSV Blend

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

0.0%	0.0% #C5E2F9	RGB 197 226 249	#C5E2F9
16.7%	16.7% #B4D5F1	RGB 180 213 241	#B4D5F1
33.3%	33.3% #A3C9EA	RGB 163 201 234	#A3C9EA
50.0%	50.0% #94BDE3	RGB 148 189 227	#94BDE3
66.7%	66.7% #85B1DB	RGB 133 177 219	#85B1DB
83.3%	83.3% #77A5D4	RGB 119 165 212	#77A5D4
100.0%	100.0% #6A9ACD	RGB 106 154 205	#6A9ACD

#C5E2F9 #B4D5F1 #A3C9EA #94BDE3 #85B1DB #77A5D4 #6A9ACD

#C5E2F9 - #94BDE3 - #6A9ACD

CSS codes

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

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