#EDF1F1 - #ABC6C5 | 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 #EDF1F1 to #ABC6C5

#EDF1F1 #ABC6C5

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

#EDF1F1 - #ABC6C5 | 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 #EDF1F1 as 0% and #ABC6C5 as 100%.

0.0%	0.0% #EDF1F1	RGB 237 241 241	#EDF1F1
16.7%	16.7% #E2E9E9	RGB 226 233 233	#E2E9E9
33.3%	33.3% #D7E2E2	RGB 215 226 226	#D7E2E2
50.0%	50.0% #CCDBDB	RGB 204 219 219	#CCDBDB
66.7%	66.7% #C1D4D3	RGB 193 212 211	#C1D4D3
83.3%	83.3% #B6CDCC	RGB 182 205 204	#B6CDCC
100.0%	100.0% #ABC6C5	RGB 171 198 197	#ABC6C5

#EDF1F1 #E2E9E9 #D7E2E2 #CCDBDB #C1D4D3 #B6CDCC #ABC6C5

#EDF1F1 - #ABC6C5

HSV Blend

#EDF1F1 - #ABC6C5 | 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 #EDF1F1 as 0% and #ABC6C5 as 100%.

0.0%	0.0% #EDF1F1	RGB 237 241 241	#EDF1F1
16.7%	16.7% #E1E9E9	RGB 225 233 233	#E1E9E9
33.3%	33.3% #D5E2E2	RGB 213 226 226	#D5E2E2
50.0%	50.0% #CADBDB	RGB 202 219 219	#CADBDB
66.7%	66.7% #BFD4D3	RGB 191 212 211	#BFD4D3
83.3%	83.3% #B5CDCC	RGB 181 205 204	#B5CDCC
100.0%	100.0% #ABC6C5	RGB 171 198 197	#ABC6C5

#EDF1F1 #E1E9E9 #D5E2E2 #CADBDB #BFD4D3 #B5CDCC #ABC6C5

#EDF1F1 - #CADBDB - #ABC6C5

CSS codes

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

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