#9FDAAD - #D4DBFF | 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 #9FDAAD to #D4DBFF

#9FDAAD #D4DBFF

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

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

0.0%	0.0% #9FDAAD	RGB 159 218 173	#9FDAAD
16.7%	16.7% #A7DABA	RGB 167 218 186	#A7DABA
33.3%	33.3% #B0DAC8	RGB 176 218 200	#B0DAC8
50.0%	50.0% #B9DAD6	RGB 185 218 214	#B9DAD6
66.7%	66.7% #C2DAE3	RGB 194 218 227	#C2DAE3
83.3%	83.3% #CBDAF1	RGB 203 218 241	#CBDAF1
100.0%	100.0% #D4DBFF	RGB 212 219 255	#D4DBFF

#9FDAAD #A7DABA #B0DAC8 #B9DAD6 #C2DAE3 #CBDAF1 #D4DBFF

#9FDAAD - #D4DBFF

HSV Blend

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

0.0%	0.0% #9FDAAD	RGB 159 218 173	#9FDAAD
16.7%	16.7% #A7E0C3	RGB 167 224 195	#A7E0C3
33.3%	33.3% #AFE6D9	RGB 175 230 217	#AFE6D9
50.0%	50.0% #B8EAEC	RGB 184 234 236	#B8EAEC
66.7%	66.7% #C1E3F2	RGB 193 227 242	#C1E3F2
83.3%	83.3% #CADEF8	RGB 202 222 248	#CADEF8
100.0%	100.0% #D4DBFF	RGB 212 219 255	#D4DBFF

#9FDAAD #A7E0C3 #AFE6D9 #B8EAEC #C1E3F2 #CADEF8 #D4DBFF

#9FDAAD - #B8EAEC - #D4DBFF

CSS codes

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

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