#6CC2B5 - #D4E2AD | 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 #6CC2B5 to #D4E2AD

#6CC2B5 #D4E2AD

Calculate the color between two colors, #6CC2B5 and #D4E2AD. 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)

#6CC2B5 - #D4E2AD | 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 #6CC2B5 as 0% and #D4E2AD as 100%.

0.0%	0.0% #6CC2B5	RGB 108 194 181	#6CC2B5
16.7%	16.7% #7DC7B3	RGB 125 199 179	#7DC7B3
33.3%	33.3% #8ECCB2	RGB 142 204 178	#8ECCB2
50.0%	50.0% #A0D2B1	RGB 160 210 177	#A0D2B1
66.7%	66.7% #B1D7AF	RGB 177 215 175	#B1D7AF
83.3%	83.3% #C2DCAE	RGB 194 220 174	#C2DCAE
100.0%	100.0% #D4E2AD	RGB 212 226 173	#D4E2AD

#6CC2B5 #7DC7B3 #8ECCB2 #A0D2B1 #B1D7AF #C2DCAE #D4E2AD

#6CC2B5 - #D4E2AD

HSV Blend

#6CC2B5 - #D4E2AD | 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 #6CC2B5 as 0% and #D4E2AD as 100%.

0.0%	0.0% #6CC2B5	RGB 108 194 181	#6CC2B5
16.7%	16.7% #75C7A5	RGB 117 199 165	#75C7A5
33.3%	33.3% #80CC98	RGB 128 204 152	#80CC98
50.0%	50.0% #8AD28E	RGB 138 210 142	#8AD28E
66.7%	66.7% #A3D795	RGB 163 215 149	#A3D795
83.3%	83.3% #BDDCA1	RGB 189 220 161	#BDDCA1
100.0%	100.0% #D4E2AD	RGB 212 226 173	#D4E2AD

#6CC2B5 #75C7A5 #80CC98 #8AD28E #A3D795 #BDDCA1 #D4E2AD

#6CC2B5 - #8AD28E - #D4E2AD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6CC2B5 0%, #8AD28E 50%, #D4E2AD 100%);
    background: -webkit-linear-gradient(top, #6CC2B5 0%, #8AD28E 50%, #D4E2AD 100%);
    background: linear-gradient(to bottom, #6CC2B5 0%, #8AD28E 50%, #D4E2AD 100%);
}
</style>