#FF2DAA - #FFC3E6 | 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 #FFC3E6

#FF2DAA #FFC3E6

Calculate the color between two colors, #FF2DAA and #FFC3E6. 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 - #FFC3E6 | 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 #FFC3E6 as 100%.

0.0%	0.0% #FF2DAA	RGB 255 45 170	#FF2DAA
16.7%	16.7% #FF46B4	RGB 255 70 180	#FF46B4
33.3%	33.3% #FF5FBE	RGB 255 95 190	#FF5FBE
50.0%	50.0% #FF78C8	RGB 255 120 200	#FF78C8
66.7%	66.7% #FF91D2	RGB 255 145 210	#FF91D2
83.3%	83.3% #FFAADC	RGB 255 170 220	#FFAADC
100.0%	100.0% #FFC3E6	RGB 255 195 230	#FFC3E6

#FF2DAA #FF46B4 #FF5FBE #FF78C8 #FF91D2 #FFAADC #FFC3E6

#FF2DAA - #FFC3E6

HSV Blend

#FF2DAA - #FFC3E6 | 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 #FFC3E6 as 100%.

0.0%	0.0% #FF2CA9	RGB 255 44 169	#FF2CA9
16.7%	16.7% #FF45B3	RGB 255 69 179	#FF45B3
33.3%	33.3% #FF5FBD	RGB 255 95 189	#FF5FBD
50.0%	50.0% #FF78C7	RGB 255 120 199	#FF78C7
66.7%	66.7% #FF91D1	RGB 255 145 209	#FF91D1
83.3%	83.3% #FFAADB	RGB 255 170 219	#FFAADB
100.0%	100.0% #FFC3E6	RGB 255 195 230	#FFC3E6

#FF2CA9 #FF45B3 #FF5FBD #FF78C7 #FF91D1 #FFAADB #FFC3E6

#FF2DAA - #FF78C7 - #FFC3E6

CSS codes

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

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