#9F93B6 - #FFD2B8 | 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 #9F93B6 to #FFD2B8

#9F93B6 #FFD2B8

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

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

0.0%	0.0% #9F93B6	RGB 159 147 182	#9F93B6
16.7%	16.7% #AF9DB6	RGB 175 157 182	#AF9DB6
33.3%	33.3% #BFA8B6	RGB 191 168 182	#BFA8B6
50.0%	50.0% #CFB2B7	RGB 207 178 183	#CFB2B7
66.7%	66.7% #DFBDB7	RGB 223 189 183	#DFBDB7
83.3%	83.3% #EFC7B7	RGB 239 199 183	#EFC7B7
100.0%	100.0% #FFD2B8	RGB 255 210 184	#FFD2B8

#9F93B6 #AF9DB6 #BFA8B6 #CFB2B7 #DFBDB7 #EFC7B7 #FFD2B8

#9F93B6 - #FFD2B8

HSV Blend

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

0.0%	0.0% #9F93B6	RGB 159 147 182	#9F93B6
16.7%	16.7% #B59AC2	RGB 181 154 194	#B59AC2
33.3%	33.3% #CEA0CD	RGB 206 160 205	#CEA0CD
50.0%	50.0% #DAA7C8	RGB 218 167 200	#DAA7C8
66.7%	66.7% #E6ADBE	RGB 230 173 190	#E6ADBE
83.3%	83.3% #F2B4B2	RGB 242 180 178	#F2B4B2
100.0%	100.0% #FFD2B8	RGB 255 210 184	#FFD2B8

#9F93B6 #B59AC2 #CEA0CD #DAA7C8 #E6ADBE #F2B4B2 #FFD2B8

#9F93B6 - #DAA7C8 - #FFD2B8

CSS codes

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

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