#96CFDA - #EEE3DA | 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 #96CFDA to #EEE3DA

#96CFDA #EEE3DA

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

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

0.0%	0.0% #96CFDA	RGB 150 207 218	#96CFDA
16.7%	16.7% #A4D2DA	RGB 164 210 218	#A4D2DA
33.3%	33.3% #B3D5DA	RGB 179 213 218	#B3D5DA
50.0%	50.0% #C2D9DA	RGB 194 217 218	#C2D9DA
66.7%	66.7% #D0DCDA	RGB 208 220 218	#D0DCDA
83.3%	83.3% #DFDFDA	RGB 223 223 218	#DFDFDA
100.0%	100.0% #EEE3DA	RGB 238 227 218	#EEE3DA

#96CFDA #A4D2DA #B3D5DA #C2D9DA #D0DCDA #DFDFDA #EEE3DA

#96CFDA - #EEE3DA

HSV Blend

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

0.0%	0.0% #96CFDA	RGB 150 207 218	#96CFDA
16.7%	16.7% #A0DDCB	RGB 160 221 203	#A0DDCB
33.3%	33.3% #ABE0B9	RGB 171 224 185	#ABE0B9
50.0%	50.0% #BFE4B6	RGB 191 228 182	#BFE4B6
66.7%	66.7% #DAE7C2	RGB 218 231 194	#DAE7C2
83.3%	83.3% #EAE7CE	RGB 234 231 206	#EAE7CE
100.0%	100.0% #EEE3DA	RGB 238 227 218	#EEE3DA

#96CFDA #A0DDCB #ABE0B9 #BFE4B6 #DAE7C2 #EAE7CE #EEE3DA

#96CFDA - #BFE4B6 - #EEE3DA

CSS codes

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

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