#9CD6B6 - #DED2FF | 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 #9CD6B6 to #DED2FF

#9CD6B6 #DED2FF

Calculate the color between two colors, #9CD6B6 and #DED2FF. 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)

#9CD6B6 - #DED2FF | 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 #9CD6B6 as 0% and #DED2FF as 100%.

0.0%	0.0% #9CD6B6	RGB 156 214 182	#9CD6B6
16.7%	16.7% #A7D5C2	RGB 167 213 194	#A7D5C2
33.3%	33.3% #B2D4CE	RGB 178 212 206	#B2D4CE
50.0%	50.0% #BDD4DA	RGB 189 212 218	#BDD4DA
66.7%	66.7% #C8D3E6	RGB 200 211 230	#C8D3E6
83.3%	83.3% #D3D2F2	RGB 211 210 242	#D3D2F2
100.0%	100.0% #DED2FF	RGB 222 210 255	#DED2FF

#9CD6B6 #A7D5C2 #B2D4CE #BDD4DA #C8D3E6 #D3D2F2 #DED2FF

#9CD6B6 - #DED2FF

HSV Blend

#9CD6B6 - #DED2FF | 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 #9CD6B6 as 0% and #DED2FF as 100%.

0.0%	0.0% #9CD6B6	RGB 156 214 182	#9CD6B6
16.7%	16.7% #A4DCCE	RGB 164 220 206	#A4DCCE
33.3%	33.3% #ADE0E3	RGB 173 224 227	#ADE0E3
50.0%	50.0% #B6D7EA	RGB 182 215 234	#B6D7EA
66.7%	66.7% #BFD0F1	RGB 191 208 241	#BFD0F1
83.3%	83.3% #C8CAF8	RGB 200 202 248	#C8CAF8
100.0%	100.0% #DED2FF	RGB 222 210 255	#DED2FF

#9CD6B6 #A4DCCE #ADE0E3 #B6D7EA #BFD0F1 #C8CAF8 #DED2FF

#9CD6B6 - #B6D7EA - #DED2FF

CSS codes

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

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