#E2F7FE - #92B9D2 | 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 #E2F7FE to #92B9D2

#E2F7FE #92B9D2

Calculate the color between two colors, #E2F7FE and #92B9D2. 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)

#E2F7FE - #92B9D2 | 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 #E2F7FE as 0% and #92B9D2 as 100%.

0.0%	0.0% #E2F7FE	RGB 226 247 254	#E2F7FE
16.7%	16.7% #D4ECF6	RGB 212 236 246	#D4ECF6
33.3%	33.3% #C7E2EF	RGB 199 226 239	#C7E2EF
50.0%	50.0% #BAD8E8	RGB 186 216 232	#BAD8E8
66.7%	66.7% #ACCDE0	RGB 172 205 224	#ACCDE0
83.3%	83.3% #9FC3D9	RGB 159 195 217	#9FC3D9
100.0%	100.0% #92B9D2	RGB 146 185 210	#92B9D2

#E2F7FE #D4ECF6 #C7E2EF #BAD8E8 #ACCDE0 #9FC3D9 #92B9D2

#E2F7FE - #92B9D2

HSV Blend

#E2F7FE - #92B9D2 | 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 #E2F7FE as 0% and #92B9D2 as 100%.

0.0%	0.0% #E2F7FE	RGB 226 247 254	#E2F7FE
16.7%	16.7% #D3EDF6	RGB 211 237 246	#D3EDF6
33.3%	33.3% #C5E2EF	RGB 197 226 239	#C5E2EF
50.0%	50.0% #B7D8E8	RGB 183 216 232	#B7D8E8
66.7%	66.7% #AACEE0	RGB 170 206 224	#AACEE0
83.3%	83.3% #9EC3D9	RGB 158 195 217	#9EC3D9
100.0%	100.0% #92B9D2	RGB 146 185 210	#92B9D2

#E2F7FE #D3EDF6 #C5E2EF #B7D8E8 #AACEE0 #9EC3D9 #92B9D2

#E2F7FE - #B7D8E8 - #92B9D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #E2F7FE 0%, #B7D8E8 50%, #92B9D2 100%);
    background: -webkit-linear-gradient(top, #E2F7FE 0%, #B7D8E8 50%, #92B9D2 100%);
    background: linear-gradient(to bottom, #E2F7FE 0%, #B7D8E8 50%, #92B9D2 100%);
}
</style>