#96E3E3 - #D5E2C4 | 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 #96E3E3 to #D5E2C4

#96E3E3 #D5E2C4

Calculate the color between two colors, #96E3E3 and #D5E2C4. 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)

#96E3E3 - #D5E2C4 | 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 #96E3E3 as 0% and #D5E2C4 as 100%.

0.0%	0.0% #96E3E3	RGB 150 227 227	#96E3E3
16.7%	16.7% #A0E2DD	RGB 160 226 221	#A0E2DD
33.3%	33.3% #ABE2D8	RGB 171 226 216	#ABE2D8
50.0%	50.0% #B5E2D3	RGB 181 226 211	#B5E2D3
66.7%	66.7% #C0E2CE	RGB 192 226 206	#C0E2CE
83.3%	83.3% #CAE2C9	RGB 202 226 201	#CAE2C9
100.0%	100.0% #D5E2C4	RGB 213 226 196	#D5E2C4

#96E3E3 #A0E2DD #ABE2D8 #B5E2D3 #C0E2CE #CAE2C9 #D5E2C4

#96E3E3 - #D5E2C4

HSV Blend

#96E3E3 - #D5E2C4 | 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 #96E3E3 as 0% and #D5E2C4 as 100%.

0.0%	0.0% #96E3E3	RGB 150 227 227	#96E3E3
16.7%	16.7% #9DE2D0	RGB 157 226 208	#9DE2D0
33.3%	33.3% #A5E2C2	RGB 165 226 194	#A5E2C2
50.0%	50.0% #ADE2B8	RGB 173 226 184	#ADE2B8
66.7%	66.7% #B6E2B4	RGB 182 226 180	#B6E2B4
83.3%	83.3% #C7E2BC	RGB 199 226 188	#C7E2BC
100.0%	100.0% #D5E2C4	RGB 213 226 196	#D5E2C4

#96E3E3 #9DE2D0 #A5E2C2 #ADE2B8 #B6E2B4 #C7E2BC #D5E2C4

#96E3E3 - #ADE2B8 - #D5E2C4

CSS codes

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

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