#ABCFE7 - #E4E3E3 | 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 #ABCFE7 to #E4E3E3

#ABCFE7 #E4E3E3

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

#ABCFE7 - #E4E3E3 | 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 #ABCFE7 as 0% and #E4E3E3 as 100%.

0.0%	0.0% #ABCFE7	RGB 171 207 231	#ABCFE7
16.7%	16.7% #B4D2E6	RGB 180 210 230	#B4D2E6
33.3%	33.3% #BED5E5	RGB 190 213 229	#BED5E5
50.0%	50.0% #C7D9E5	RGB 199 217 229	#C7D9E5
66.7%	66.7% #D1DCE4	RGB 209 220 228	#D1DCE4
83.3%	83.3% #DADFE3	RGB 218 223 227	#DADFE3
100.0%	100.0% #E4E3E3	RGB 228 227 227	#E4E3E3

#ABCFE7 #B4D2E6 #BED5E5 #C7D9E5 #D1DCE4 #DADFE3 #E4E3E3

#ABCFE7 - #E4E3E3

HSV Blend

#ABCFE7 - #E4E3E3 | 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 #ABCFE7 as 0% and #E4E3E3 as 100%.

0.0%	0.0% #ABCFE7	RGB 171 207 231	#ABCFE7
16.7%	16.7% #B4BCE6	RGB 180 188 230	#B4BCE6
33.3%	33.3% #C8BDE6	RGB 200 189 230	#C8BDE6
50.0%	50.0% #DCC7E5	RGB 220 199 229	#DCC7E5
66.7%	66.7% #E5D0E2	RGB 229 208 226	#E5D0E2
83.3%	83.3% #E4D9DE	RGB 228 217 222	#E4D9DE
100.0%	100.0% #E4E3E3	RGB 228 227 227	#E4E3E3

#ABCFE7 #B4BCE6 #C8BDE6 #DCC7E5 #E5D0E2 #E4D9DE #E4E3E3

#ABCFE7 - #DCC7E5 - #E4E3E3

CSS codes

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

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