#4FC0E8 - #D0E4DB | 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 #4FC0E8 to #D0E4DB

#4FC0E8 #D0E4DB

Calculate the color between two colors, #4FC0E8 and #D0E4DB. 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)

#4FC0E8 - #D0E4DB | 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 #4FC0E8 as 0% and #D0E4DB as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #64C6E5	RGB 100 198 229	#64C6E5
33.3%	33.3% #7ACCE3	RGB 122 204 227	#7ACCE3
50.0%	50.0% #8FD2E1	RGB 143 210 225	#8FD2E1
66.7%	66.7% #A5D8DF	RGB 165 216 223	#A5D8DF
83.3%	83.3% #BADEDD	RGB 186 222 221	#BADEDD
100.0%	100.0% #D0E4DB	RGB 208 228 219	#D0E4DB

#4FC0E8 #64C6E5 #7ACCE3 #8FD2E1 #A5D8DF #BADEDD #D0E4DB

#4FC0E8 - #D0E4DB

HSV Blend

#4FC0E8 - #D0E4DB | 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 #4FC0E8 as 0% and #D0E4DB as 100%.

0.0%	0.0% #4FC0E8	RGB 79 192 232	#4FC0E8
16.7%	16.7% #64D4E7	RGB 100 212 231	#64D4E7
33.3%	33.3% #7AE4E6	RGB 122 228 230	#7AE4E6
50.0%	50.0% #90E6DD	RGB 144 230 221	#90E6DD
66.7%	66.7% #A5E5D7	RGB 165 229 215	#A5E5D7
83.3%	83.3% #BAE4D6	RGB 186 228 214	#BAE4D6
100.0%	100.0% #D0E4DB	RGB 208 228 219	#D0E4DB

#4FC0E8 #64D4E7 #7AE4E6 #90E6DD #A5E5D7 #BAE4D6 #D0E4DB

#4FC0E8 - #90E6DD - #D0E4DB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4FC0E8 0%, #90E6DD 50%, #D0E4DB 100%);
    background: -webkit-linear-gradient(top, #4FC0E8 0%, #90E6DD 50%, #D0E4DB 100%);
    background: linear-gradient(to bottom, #4FC0E8 0%, #90E6DD 50%, #D0E4DB 100%);
}
</style>