#7EBFD4 - #E4DFD5 | 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 #7EBFD4 to #E4DFD5

#7EBFD4 #E4DFD5

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

#7EBFD4 - #E4DFD5 | 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 #7EBFD4 as 0% and #E4DFD5 as 100%.

0.0%	0.0% #7EBFD4	RGB 126 191 212	#7EBFD4
16.7%	16.7% #8FC4D4	RGB 143 196 212	#8FC4D4
33.3%	33.3% #A0C9D4	RGB 160 201 212	#A0C9D4
50.0%	50.0% #B1CFD4	RGB 177 207 212	#B1CFD4
66.7%	66.7% #C2D4D4	RGB 194 212 212	#C2D4D4
83.3%	83.3% #D3D9D4	RGB 211 217 212	#D3D9D4
100.0%	100.0% #E4DFD5	RGB 228 223 213	#E4DFD5

#7EBFD4 #8FC4D4 #A0C9D4 #B1CFD4 #C2D4D4 #D3D9D4 #E4DFD5

#7EBFD4 - #E4DFD5

HSV Blend

#7EBFD4 - #E4DFD5 | 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 #7EBFD4 as 0% and #E4DFD5 as 100%.

0.0%	0.0% #7EBFD4	RGB 126 191 212	#7EBFD4
16.7%	16.7% #8BD6C8	RGB 139 214 200	#8BD6C8
33.3%	33.3% #99D9B2	RGB 153 217 178	#99D9B2
50.0%	50.0% #AADCA8	RGB 170 220 168	#AADCA8
66.7%	66.7% #C9DEB6	RGB 201 222 182	#C9DEB6
83.3%	83.3% #DEE1C5	RGB 222 225 197	#DEE1C5
100.0%	100.0% #E4DFD5	RGB 228 223 213	#E4DFD5

#7EBFD4 #8BD6C8 #99D9B2 #AADCA8 #C9DEB6 #DEE1C5 #E4DFD5

#7EBFD4 - #AADCA8 - #E4DFD5

CSS codes

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

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