#9DB7A1 - #DABAFF | 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 #9DB7A1 to #DABAFF

#9DB7A1 #DABAFF

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

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

0.0%	0.0% #9DB7A1	RGB 157 183 161	#9DB7A1
16.7%	16.7% #A7B7B0	RGB 167 183 176	#A7B7B0
33.3%	33.3% #B1B8C0	RGB 177 184 192	#B1B8C0
50.0%	50.0% #BBB8D0	RGB 187 184 208	#BBB8D0
66.7%	66.7% #C5B9DF	RGB 197 185 223	#C5B9DF
83.3%	83.3% #CFB9EF	RGB 207 185 239	#CFB9EF
100.0%	100.0% #DABAFF	RGB 218 186 255	#DABAFF

#9DB7A1 #A7B7B0 #B1B8C0 #BBB8D0 #C5B9DF #CFB9EF #DABAFF

#9DB7A1 - #DABAFF

HSV Blend

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

0.0%	0.0% #9DB7A1	RGB 157 183 161	#9DB7A1
16.7%	16.7% #A3C3B4	RGB 163 195 180	#A3C3B4
33.3%	33.3% #A8CFCC	RGB 168 207 204	#A8CFCC
50.0%	50.0% #ADCDDB	RGB 173 205 219	#ADCDDB
66.7%	66.7% #B2C2E7	RGB 178 194 231	#B2C2E7
83.3%	83.3% #BBB6F3	RGB 187 182 243	#BBB6F3
100.0%	100.0% #DABAFF	RGB 218 186 255	#DABAFF

#9DB7A1 #A3C3B4 #A8CFCC #ADCDDB #B2C2E7 #BBB6F3 #DABAFF

#9DB7A1 - #ADCDDB - #DABAFF

CSS codes

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

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