#DF3294 - #FFA2B5 | 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 #DF3294 to #FFA2B5

#DF3294 #FFA2B5

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

#DF3294 - #FFA2B5 | 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 #DF3294 as 0% and #FFA2B5 as 100%.

0.0%	0.0% #DF3294	RGB 223 50 148	#DF3294
16.7%	16.7% #E44499	RGB 228 68 153	#E44499
33.3%	33.3% #E9579F	RGB 233 87 159	#E9579F
50.0%	50.0% #EF6AA4	RGB 239 106 164	#EF6AA4
66.7%	66.7% #F47CAA	RGB 244 124 170	#F47CAA
83.3%	83.3% #F98FAF	RGB 249 143 175	#F98FAF
100.0%	100.0% #FFA2B5	RGB 255 162 181	#FFA2B5

#DF3294 #E44499 #E9579F #EF6AA4 #F47CAA #F98FAF #FFA2B5

#DF3294 - #FFA2B5

HSV Blend

#DF3294 - #FFA2B5 | 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 #DF3294 as 0% and #FFA2B5 as 100%.

0.0%	0.0% #DF3294	RGB 223 50 148	#DF3294
16.7%	16.7% #E44294	RGB 228 66 148	#E44294
33.3%	33.3% #E95496	RGB 233 84 150	#E95496
50.0%	50.0% #EF669B	RGB 239 102 155	#EF669B
66.7%	66.7% #F479A1	RGB 244 121 161	#F479A1
83.3%	83.3% #F98DAA	RGB 249 141 170	#F98DAA
100.0%	100.0% #FFA2B5	RGB 255 162 181	#FFA2B5

#DF3294 #E44294 #E95496 #EF669B #F479A1 #F98DAA #FFA2B5

#DF3294 - #EF669B - #FFA2B5

CSS codes

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

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