#99DCC2 - #EEDBDD | 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 #99DCC2 to #EEDBDD

#99DCC2 #EEDBDD

Calculate the color between two colors, #99DCC2 and #EEDBDD. 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)

#99DCC2 - #EEDBDD | 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 #99DCC2 as 0% and #EEDBDD as 100%.

0.0%	0.0% #99DCC2	RGB 153 220 194	#99DCC2
16.7%	16.7% #A7DBC6	RGB 167 219 198	#A7DBC6
33.3%	33.3% #B5DBCB	RGB 181 219 203	#B5DBCB
50.0%	50.0% #C3DBCF	RGB 195 219 207	#C3DBCF
66.7%	66.7% #D1DBD4	RGB 209 219 212	#D1DBD4
83.3%	83.3% #DFDBD8	RGB 223 219 216	#DFDBD8
100.0%	100.0% #EEDBDD	RGB 238 219 221	#EEDBDD

#99DCC2 #A7DBC6 #B5DBCB #C3DBCF #D1DBD4 #DFDBD8 #EEDBDD

#99DCC2 - #EEDBDD

HSV Blend

#99DCC2 - #EEDBDD | 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 #99DCC2 as 0% and #EEDBDD as 100%.

0.0%	0.0% #99DCC2	RGB 153 220 194	#99DCC2
16.7%	16.7% #A3DFAC	RGB 163 223 172	#A3DFAC
33.3%	33.3% #BDE2AE	RGB 189 226 174	#BDE2AE
50.0%	50.0% #D9E5B8	RGB 217 229 184	#D9E5B8
66.7%	66.7% #E8E0C4	RGB 232 224 196	#E8E0C4
83.3%	83.3% #EBD9CF	RGB 235 217 207	#EBD9CF
100.0%	100.0% #EEDBDD	RGB 238 219 221	#EEDBDD

#99DCC2 #A3DFAC #BDE2AE #D9E5B8 #E8E0C4 #EBD9CF #EEDBDD

#99DCC2 - #D9E5B8 - #EEDBDD

CSS codes

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

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