#CEFFF1 - #D3E6DA | 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 #CEFFF1 to #D3E6DA

#CEFFF1 #D3E6DA

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

#CEFFF1 - #D3E6DA | 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 #CEFFF1 as 0% and #D3E6DA as 100%.

0.0%	0.0% #CEFFF1	RGB 206 255 241	#CEFFF1
16.7%	16.7% #CEFAED	RGB 206 250 237	#CEFAED
33.3%	33.3% #CFF6E9	RGB 207 246 233	#CFF6E9
50.0%	50.0% #D0F2E5	RGB 208 242 229	#D0F2E5
66.7%	66.7% #D1EEE1	RGB 209 238 225	#D1EEE1
83.3%	83.3% #D2EADD	RGB 210 234 221	#D2EADD
100.0%	100.0% #D3E6DA	RGB 211 230 218	#D3E6DA

#CEFFF1 #CEFAED #CFF6E9 #D0F2E5 #D1EEE1 #D2EADD #D3E6DA

#CEFFF1 - #D3E6DA

HSV Blend

#CEFFF1 - #D3E6DA | 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 #CEFFF1 as 0% and #D3E6DA as 100%.

0.0%	0.0% #CEFFF1	RGB 206 255 241	#CEFFF1
16.7%	16.7% #CFFAEB	RGB 207 250 235	#CFFAEB
33.3%	33.3% #D0F6E7	RGB 208 246 231	#D0F6E7
50.0%	50.0% #D1F2E3	RGB 209 242 227	#D1F2E3
66.7%	66.7% #D1EEDF	RGB 209 238 223	#D1EEDF
83.3%	83.3% #D2EADC	RGB 210 234 220	#D2EADC
100.0%	100.0% #D3E6DA	RGB 211 230 218	#D3E6DA

#CEFFF1 #CFFAEB #D0F6E7 #D1F2E3 #D1EEDF #D2EADC #D3E6DA

#CEFFF1 - #D1F2E3 - #D3E6DA

CSS codes

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

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