#9FC3AA - #DBC2FF | 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 #9FC3AA to #DBC2FF

#9FC3AA #DBC2FF

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

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

0.0%	0.0% #9FC3AA	RGB 159 195 170	#9FC3AA
16.7%	16.7% #A9C2B8	RGB 169 194 184	#A9C2B8
33.3%	33.3% #B3C2C6	RGB 179 194 198	#B3C2C6
50.0%	50.0% #BDC2D4	RGB 189 194 212	#BDC2D4
66.7%	66.7% #C7C2E2	RGB 199 194 226	#C7C2E2
83.3%	83.3% #D1C2F0	RGB 209 194 240	#D1C2F0
100.0%	100.0% #DBC2FF	RGB 219 194 255	#DBC2FF

#9FC3AA #A9C2B8 #B3C2C6 #BDC2D4 #C7C2E2 #D1C2F0 #DBC2FF

#9FC3AA - #DBC2FF

HSV Blend

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

0.0%	0.0% #9FC3AA	RGB 159 195 170	#9FC3AA
16.7%	16.7% #A5CDBF	RGB 165 205 191	#A5CDBF
33.3%	33.3% #ABD6D7	RGB 171 214 215	#ABD6D7
50.0%	50.0% #B1CFE1	RGB 177 207 225	#B1CFE1
66.7%	66.7% #B7C6EB	RGB 183 198 235	#B7C6EB
83.3%	83.3% #BFBCF5	RGB 191 188 245	#BFBCF5
100.0%	100.0% #DBC2FF	RGB 219 194 255	#DBC2FF

#9FC3AA #A5CDBF #ABD6D7 #B1CFE1 #B7C6EB #BFBCF5 #DBC2FF

#9FC3AA - #B1CFE1 - #DBC2FF

CSS codes

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

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