#9199A2 - #DECCB5 | 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 #9199A2 to #DECCB5

#9199A2 #DECCB5

Calculate the color between two colors, #9199A2 and #DECCB5. 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)

#9199A2 - #DECCB5 | 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 #9199A2 as 0% and #DECCB5 as 100%.

0.0%	0.0% #9199A2	RGB 145 153 162	#9199A2
16.7%	16.7% #9DA1A5	RGB 157 161 165	#9DA1A5
33.3%	33.3% #AAAAA8	RGB 170 170 168	#AAAAA8
50.0%	50.0% #B7B2AB	RGB 183 178 171	#B7B2AB
66.7%	66.7% #C4BBAE	RGB 196 187 174	#C4BBAE
83.3%	83.3% #D1C3B1	RGB 209 195 177	#D1C3B1
100.0%	100.0% #DECCB5	RGB 222 204 181	#DECCB5

#9199A2 #9DA1A5 #AAAAA8 #B7B2AB #C4BBAE #D1C3B1 #DECCB5

#9199A2 - #DECCB5

HSV Blend

#9199A2 - #DECCB5 | 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 #9199A2 as 0% and #DECCB5 as 100%.

0.0%	0.0% #9199A2	RGB 145 153 162	#9199A2
16.7%	16.7% #97ABAC	RGB 151 171 172	#97ABAC
33.3%	33.3% #9EB6AA	RGB 158 182 170	#9EB6AA
50.0%	50.0% #A4C0A5	RGB 164 192 165	#A4C0A5
66.7%	66.7% #B8CAAA	RGB 184 202 170	#B8CAAA
83.3%	83.3% #D1D4AF	RGB 209 212 175	#D1D4AF
100.0%	100.0% #DECCB5	RGB 222 204 181	#DECCB5

#9199A2 #97ABAC #9EB6AA #A4C0A5 #B8CAAA #D1D4AF #DECCB5

#9199A2 - #A4C0A5 - #DECCB5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #9199A2 0%, #A4C0A5 50%, #DECCB5 100%);
    background: -webkit-linear-gradient(top, #9199A2 0%, #A4C0A5 50%, #DECCB5 100%);
    background: linear-gradient(to bottom, #9199A2 0%, #A4C0A5 50%, #DECCB5 100%);
}
</style>