#FF2DAA - #FFB5D3 | 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 #FF2DAA to #FFB5D3

#FF2DAA #FFB5D3

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

#FF2DAA - #FFB5D3 | 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 #FF2DAA as 0% and #FFB5D3 as 100%.

0.0%	0.0% #FF2DAA	RGB 255 45 170	#FF2DAA
16.7%	16.7% #FF43B0	RGB 255 67 176	#FF43B0
33.3%	33.3% #FF5AB7	RGB 255 90 183	#FF5AB7
50.0%	50.0% #FF71BE	RGB 255 113 190	#FF71BE
66.7%	66.7% #FF87C5	RGB 255 135 197	#FF87C5
83.3%	83.3% #FF9ECC	RGB 255 158 204	#FF9ECC
100.0%	100.0% #FFB5D3	RGB 255 181 211	#FFB5D3

#FF2DAA #FF43B0 #FF5AB7 #FF71BE #FF87C5 #FF9ECC #FFB5D3

#FF2DAA - #FFB5D3

HSV Blend

#FF2DAA - #FFB5D3 | 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 #FF2DAA as 0% and #FFB5D3 as 100%.

0.0%	0.0% #FF2CA9	RGB 255 44 169	#FF2CA9
16.7%	16.7% #FF43AD	RGB 255 67 173	#FF43AD
33.3%	33.3% #FF5AB1	RGB 255 90 177	#FF5AB1
50.0%	50.0% #FF71B8	RGB 255 113 184	#FF71B8
66.7%	66.7% #FF87BF	RGB 255 135 191	#FF87BF
83.3%	83.3% #FF9EC8	RGB 255 158 200	#FF9EC8
100.0%	100.0% #FFB5D3	RGB 255 181 211	#FFB5D3

#FF2CA9 #FF43AD #FF5AB1 #FF71B8 #FF87BF #FF9EC8 #FFB5D3

#FF2DAA - #FF71B8 - #FFB5D3

CSS codes

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

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