#FF75DC - #48213E | 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 #FF75DC to #48213E

#FF75DC #48213E

Calculate the color between two colors, #FF75DC and #48213E. 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)

#FF75DC - #48213E | 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 #FF75DC as 0% and #48213E as 100%.

0.0%	0.0% #FF75DC	RGB 255 117 220	#FF75DC
16.7%	16.7% #E067C1	RGB 224 103 193	#E067C1
33.3%	33.3% #C259A7	RGB 194 89 167	#C259A7
50.0%	50.0% #A34B8D	RGB 163 75 141	#A34B8D
66.7%	66.7% #843D72	RGB 132 61 114	#843D72
83.3%	83.3% #662F58	RGB 102 47 88	#662F58
100.0%	100.0% #48213E	RGB 72 33 62	#48213E

#FF75DC #E067C1 #C259A7 #A34B8D #843D72 #662F58 #48213E

#FF75DC - #48213E

HSV Blend

#FF75DC - #48213E | 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 #FF75DC as 0% and #48213E as 100%.

0.0%	0.0% #FF75DC	RGB 255 117 220	#FF75DC
16.7%	16.7% #E066C1	RGB 224 102 193	#E066C1
33.3%	33.3% #C258A7	RGB 194 88 167	#C258A7
50.0%	50.0% #A34A8C	RGB 163 74 140	#A34A8C
66.7%	66.7% #843C72	RGB 132 60 114	#843C72
83.3%	83.3% #662E58	RGB 102 46 88	#662E58
100.0%	100.0% #48213E	RGB 72 33 62	#48213E

#FF75DC #E066C1 #C258A7 #A34A8C #843C72 #662E58 #48213E

#FF75DC - #A34A8C - #48213E

CSS codes

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

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