#95D7FF - #E2DFF7 | 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 #95D7FF to #E2DFF7

#95D7FF #E2DFF7

Calculate the color between two colors, #95D7FF and #E2DFF7. 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)

#95D7FF - #E2DFF7 | 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 #95D7FF as 0% and #E2DFF7 as 100%.

0.0%	0.0% #95D7FF	RGB 149 215 255	#95D7FF
16.7%	16.7% #A1D8FD	RGB 161 216 253	#A1D8FD
33.3%	33.3% #AED9FC	RGB 174 217 252	#AED9FC
50.0%	50.0% #BBDBFB	RGB 187 219 251	#BBDBFB
66.7%	66.7% #C8DCF9	RGB 200 220 249	#C8DCF9
83.3%	83.3% #D5DDF8	RGB 213 221 248	#D5DDF8
100.0%	100.0% #E2DFF7	RGB 226 223 247	#E2DFF7

#95D7FF #A1D8FD #AED9FC #BBDBFB #C8DCF9 #D5DDF8 #E2DFF7

#95D7FF - #E2DFF7

HSV Blend

#95D7FF - #E2DFF7 | 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 #95D7FF as 0% and #E2DFF7 as 100%.

0.0%	0.0% #95D7FF	RGB 149 215 255	#95D7FF
16.7%	16.7% #A1CFFD	RGB 161 207 253	#A1CFFD
33.3%	33.3% #AECBFC	RGB 174 203 252	#AECBFC
50.0%	50.0% #BACAFB	RGB 186 202 251	#BACAFB
66.7%	66.7% #C6CDF9	RGB 198 205 249	#C6CDF9
83.3%	83.3% #D3D3F8	RGB 211 211 248	#D3D3F8
100.0%	100.0% #E2DFF7	RGB 226 223 247	#E2DFF7

#95D7FF #A1CFFD #AECBFC #BACAFB #C6CDF9 #D3D3F8 #E2DFF7

#95D7FF - #BACAFB - #E2DFF7

CSS codes

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

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