#9D91A2 - #FFCDA2 | 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 #9D91A2 to #FFCDA2

#9D91A2 #FFCDA2

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

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

0.0%	0.0% #9D91A2	RGB 157 145 162	#9D91A2
16.7%	16.7% #AD9BA2	RGB 173 155 162	#AD9BA2
33.3%	33.3% #BDA5A2	RGB 189 165 162	#BDA5A2
50.0%	50.0% #CEAFA2	RGB 206 175 162	#CEAFA2
66.7%	66.7% #DEB9A2	RGB 222 185 162	#DEB9A2
83.3%	83.3% #EEC3A2	RGB 238 195 162	#EEC3A2
100.0%	100.0% #FFCDA2	RGB 255 205 162	#FFCDA2

#9D91A2 #AD9BA2 #BDA5A2 #CEAFA2 #DEB9A2 #EEC3A2 #FFCDA2

#9D91A2 - #FFCDA2

HSV Blend

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

0.0%	0.0% #9D91A2	RGB 157 145 162	#9D91A2
16.7%	16.7% #B197B1	RGB 177 151 177	#B197B1
33.3%	33.3% #C19CB6	RGB 193 156 182	#C19CB6
50.0%	50.0% #D09FB3	RGB 208 159 179	#D09FB3
66.7%	66.7% #E0A1A9	RGB 224 161 169	#E0A1A9
83.3%	83.3% #EFAFA2	RGB 239 175 162	#EFAFA2
100.0%	100.0% #FFCDA2	RGB 255 205 162	#FFCDA2

#9D91A2 #B197B1 #C19CB6 #D09FB3 #E0A1A9 #EFAFA2 #FFCDA2

#9D91A2 - #D09FB3 - #FFCDA2

CSS codes

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

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