#FF6ECE - #481F3A | 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 #FF6ECE to #481F3A

#FF6ECE #481F3A

Calculate the color between two colors, #FF6ECE and #481F3A. 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)

#FF6ECE - #481F3A | 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 #FF6ECE as 0% and #481F3A as 100%.

0.0%	0.0% #FF6ECE	RGB 255 110 206	#FF6ECE
16.7%	16.7% #E060B5	RGB 224 96 181	#E060B5
33.3%	33.3% #C2539C	RGB 194 83 156	#C2539C
50.0%	50.0% #A34684	RGB 163 70 132	#A34684
66.7%	66.7% #84396B	RGB 132 57 107	#84396B
83.3%	83.3% #662C52	RGB 102 44 82	#662C52
100.0%	100.0% #481F3A	RGB 72 31 58	#481F3A

#FF6ECE #E060B5 #C2539C #A34684 #84396B #662C52 #481F3A

#FF6ECE - #481F3A

HSV Blend

#FF6ECE - #481F3A | 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 #FF6ECE as 0% and #481F3A as 100%.

0.0%	0.0% #FF6ECE	RGB 255 110 206	#FF6ECE
16.7%	16.7% #E060B5	RGB 224 96 181	#E060B5
33.3%	33.3% #C2539C	RGB 194 83 156	#C2539C
50.0%	50.0% #A34683	RGB 163 70 131	#A34683
66.7%	66.7% #84396B	RGB 132 57 107	#84396B
83.3%	83.3% #662C52	RGB 102 44 82	#662C52
100.0%	100.0% #481F3A	RGB 72 31 58	#481F3A

#FF6ECE #E060B5 #C2539C #A34683 #84396B #662C52 #481F3A

#FF6ECE - #A34683 - #481F3A

CSS codes

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

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