#EDFDF7 - #CBF0EE | 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 #EDFDF7 to #CBF0EE

#EDFDF7 #CBF0EE

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

#EDFDF7 - #CBF0EE | 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 #EDFDF7 as 0% and #CBF0EE as 100%.

0.0%	0.0% #EDFDF7	RGB 237 253 247	#EDFDF7
16.7%	16.7% #E7FAF5	RGB 231 250 245	#E7FAF5
33.3%	33.3% #E1F8F4	RGB 225 248 244	#E1F8F4
50.0%	50.0% #DCF6F2	RGB 220 246 242	#DCF6F2
66.7%	66.7% #D6F4F1	RGB 214 244 241	#D6F4F1
83.3%	83.3% #D0F2EF	RGB 208 242 239	#D0F2EF
100.0%	100.0% #CBF0EE	RGB 203 240 238	#CBF0EE

#EDFDF7 #E7FAF5 #E1F8F4 #DCF6F2 #D6F4F1 #D0F2EF #CBF0EE

#EDFDF7 - #CBF0EE

HSV Blend

#EDFDF7 - #CBF0EE | 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 #EDFDF7 as 0% and #CBF0EE as 100%.

0.0%	0.0% #EDFDF7	RGB 237 253 247	#EDFDF7
16.7%	16.7% #E7FAF4	RGB 231 250 244	#E7FAF4
33.3%	33.3% #E1F8F2	RGB 225 248 242	#E1F8F2
50.0%	50.0% #DBF6F0	RGB 219 246 240	#DBF6F0
66.7%	66.7% #D6F4EF	RGB 214 244 239	#D6F4EF
83.3%	83.3% #D0F2EE	RGB 208 242 238	#D0F2EE
100.0%	100.0% #CBF0EE	RGB 203 240 238	#CBF0EE

#EDFDF7 #E7FAF4 #E1F8F2 #DBF6F0 #D6F4EF #D0F2EE #CBF0EE

#EDFDF7 - #DBF6F0 - #CBF0EE

CSS codes

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

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