#C7E2FE - #6A9AD5 | 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 #C7E2FE to #6A9AD5

#C7E2FE #6A9AD5

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

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

0.0%	0.0% #C7E2FE	RGB 199 226 254	#C7E2FE
16.7%	16.7% #B7D6F7	RGB 183 214 247	#B7D6F7
33.3%	33.3% #A8CAF0	RGB 168 202 240	#A8CAF0
50.0%	50.0% #98BEE9	RGB 152 190 233	#98BEE9
66.7%	66.7% #89B2E2	RGB 137 178 226	#89B2E2
83.3%	83.3% #79A6DB	RGB 121 166 219	#79A6DB
100.0%	100.0% #6A9AD5	RGB 106 154 213	#6A9AD5

#C7E2FE #B7D6F7 #A8CAF0 #98BEE9 #89B2E2 #79A6DB #6A9AD5

#C7E2FE - #6A9AD5

HSV Blend

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

0.0%	0.0% #C7E2FE	RGB 199 226 254	#C7E2FE
16.7%	16.7% #B5D5F7	RGB 181 213 247	#B5D5F7
33.3%	33.3% #A5C9F0	RGB 165 201 240	#A5C9F0
50.0%	50.0% #95BCE9	RGB 149 188 233	#95BCE9
66.7%	66.7% #86B1E2	RGB 134 177 226	#86B1E2
83.3%	83.3% #77A5DB	RGB 119 165 219	#77A5DB
100.0%	100.0% #6A9AD5	RGB 106 154 213	#6A9AD5

#C7E2FE #B5D5F7 #A5C9F0 #95BCE9 #86B1E2 #77A5DB #6A9AD5

#C7E2FE - #95BCE9 - #6A9AD5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #C7E2FE 0%, #95BCE9 50%, #6A9AD5 100%);
    background: -webkit-linear-gradient(top, #C7E2FE 0%, #95BCE9 50%, #6A9AD5 100%);
    background: linear-gradient(to bottom, #C7E2FE 0%, #95BCE9 50%, #6A9AD5 100%);
}
</style>