#FD9FED - #482D43 | 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 #FD9FED to #482D43

#FD9FED #482D43

Calculate the color between two colors, #FD9FED and #482D43. 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)

#FD9FED - #482D43 | 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 #FD9FED as 0% and #482D43 as 100%.

0.0%	0.0% #FD9FED	RGB 253 159 237	#FD9FED
16.7%	16.7% #DE8CD0	RGB 222 140 208	#DE8CD0
33.3%	33.3% #C079B4	RGB 192 121 180	#C079B4
50.0%	50.0% #A26698	RGB 162 102 152	#A26698
66.7%	66.7% #84537B	RGB 132 83 123	#84537B
83.3%	83.3% #66405F	RGB 102 64 95	#66405F
100.0%	100.0% #482D43	RGB 72 45 67	#482D43

#FD9FED #DE8CD0 #C079B4 #A26698 #84537B #66405F #482D43

#FD9FED - #482D43

HSV Blend

#FD9FED - #482D43 | 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 #FD9FED as 0% and #482D43 as 100%.

0.0%	0.0% #FD9FED	RGB 253 159 237	#FD9FED
16.7%	16.7% #DE8BD0	RGB 222 139 208	#DE8BD0
33.3%	33.3% #C078B4	RGB 192 120 180	#C078B4
50.0%	50.0% #A26597	RGB 162 101 151	#A26597
66.7%	66.7% #84527B	RGB 132 82 123	#84527B
83.3%	83.3% #663F5F	RGB 102 63 95	#663F5F
100.0%	100.0% #482D43	RGB 72 45 67	#482D43

#FD9FED #DE8BD0 #C078B4 #A26597 #84527B #663F5F #482D43

#FD9FED - #A26597 - #482D43

CSS codes

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

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