#7EB6FF - #C1DAEE | 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 #7EB6FF to #C1DAEE

#7EB6FF #C1DAEE

Calculate the color between two colors, #7EB6FF and #C1DAEE. 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)

#7EB6FF - #C1DAEE | 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 #7EB6FF as 0% and #C1DAEE as 100%.

0.0%	0.0% #7EB6FF	RGB 126 182 255	#7EB6FF
16.7%	16.7% #89BCFC	RGB 137 188 252	#89BCFC
33.3%	33.3% #94C2F9	RGB 148 194 249	#94C2F9
50.0%	50.0% #9FC8F6	RGB 159 200 246	#9FC8F6
66.7%	66.7% #AACEF3	RGB 170 206 243	#AACEF3
83.3%	83.3% #B5D4F0	RGB 181 212 240	#B5D4F0
100.0%	100.0% #C1DAEE	RGB 193 218 238	#C1DAEE

#7EB6FF #89BCFC #94C2F9 #9FC8F6 #AACEF3 #B5D4F0 #C1DAEE

#7EB6FF - #C1DAEE

HSV Blend

#7EB6FF - #C1DAEE | 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 #7EB6FF as 0% and #C1DAEE as 100%.

0.0%	0.0% #7EB6FF	RGB 126 182 255	#7EB6FF
16.7%	16.7% #89BDFC	RGB 137 189 252	#89BDFC
33.3%	33.3% #95C4F9	RGB 149 196 249	#95C4F9
50.0%	50.0% #A0CBF6	RGB 160 203 246	#A0CBF6
66.7%	66.7% #ABD0F3	RGB 171 208 243	#ABD0F3
83.3%	83.3% #B6D5F0	RGB 182 213 240	#B6D5F0
100.0%	100.0% #C1DAEE	RGB 193 218 238	#C1DAEE

#7EB6FF #89BDFC #95C4F9 #A0CBF6 #ABD0F3 #B6D5F0 #C1DAEE

#7EB6FF - #A0CBF6 - #C1DAEE

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #7EB6FF 0%, #A0CBF6 50%, #C1DAEE 100%);
    background: -webkit-linear-gradient(top, #7EB6FF 0%, #A0CBF6 50%, #C1DAEE 100%);
    background: linear-gradient(to bottom, #7EB6FF 0%, #A0CBF6 50%, #C1DAEE 100%);
}
</style>