#DB3DAA - #FF537C | 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 #DB3DAA to #FF537C

#DB3DAA #FF537C

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

#DB3DAA - #FF537C | 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 #DB3DAA as 0% and #FF537C as 100%.

0.0%	0.0% #DB3DAA	RGB 219 61 170	#DB3DAA
16.7%	16.7% #E140A2	RGB 225 64 162	#E140A2
33.3%	33.3% #E7449A	RGB 231 68 154	#E7449A
50.0%	50.0% #ED4893	RGB 237 72 147	#ED4893
66.7%	66.7% #F34B8B	RGB 243 75 139	#F34B8B
83.3%	83.3% #F94F83	RGB 249 79 131	#F94F83
100.0%	100.0% #FF537C	RGB 255 83 124	#FF537C

#DB3DAA #E140A2 #E7449A #ED4893 #F34B8B #F94F83 #FF537C

#DB3DAA - #FF537C

HSV Blend

#DB3DAA - #FF537C | 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 #DB3DAA as 0% and #FF537C as 100%.

0.0%	0.0% #DB3DAA	RGB 219 61 170	#DB3DAA
16.7%	16.7% #E140A3	RGB 225 64 163	#E140A3
33.3%	33.3% #E7439B	RGB 231 67 155	#E7439B
50.0%	50.0% #ED4794	RGB 237 71 148	#ED4794
66.7%	66.7% #F34B8C	RGB 243 75 140	#F34B8C
83.3%	83.3% #F94F84	RGB 249 79 132	#F94F84
100.0%	100.0% #FF537C	RGB 255 83 124	#FF537C

#DB3DAA #E140A3 #E7439B #ED4794 #F34B8C #F94F84 #FF537C

#DB3DAA - #ED4794 - #FF537C

CSS codes

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

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