#FDB5E6 - #483341 | 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 #FDB5E6 to #483341

#FDB5E6 #483341

Calculate the color between two colors, #FDB5E6 and #483341. 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)

#FDB5E6 - #483341 | 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 #FDB5E6 as 0% and #483341 as 100%.

0.0%	0.0% #FDB5E6	RGB 253 181 230	#FDB5E6
16.7%	16.7% #DE9FCA	RGB 222 159 202	#DE9FCA
33.3%	33.3% #C089AF	RGB 192 137 175	#C089AF
50.0%	50.0% #A27493	RGB 162 116 147	#A27493
66.7%	66.7% #845E78	RGB 132 94 120	#845E78
83.3%	83.3% #66485C	RGB 102 72 92	#66485C
100.0%	100.0% #483341	RGB 72 51 65	#483341

#FDB5E6 #DE9FCA #C089AF #A27493 #845E78 #66485C #483341

#FDB5E6 - #483341

HSV Blend

#FDB5E6 - #483341 | 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 #FDB5E6 as 0% and #483341 as 100%.

0.0%	0.0% #FDB5E6	RGB 253 181 230	#FDB5E6
16.7%	16.7% #DE9FCA	RGB 222 159 202	#DE9FCA
33.3%	33.3% #C089AE	RGB 192 137 174	#C089AE
50.0%	50.0% #A27393	RGB 162 115 147	#A27393
66.7%	66.7% #845E77	RGB 132 94 119	#845E77
83.3%	83.3% #66485C	RGB 102 72 92	#66485C
100.0%	100.0% #483341	RGB 72 51 65	#483341

#FDB5E6 #DE9FCA #C089AE #A27393 #845E77 #66485C #483341

#FDB5E6 - #A27393 - #483341

CSS codes

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

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