#DF6283 - #BA1D52 | 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 #DF6283 to #BA1D52

#DF6283 #BA1D52

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

#DF6283 - #BA1D52 | 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 #DF6283 as 0% and #BA1D52 as 100%.

0.0%	0.0% #DF6283	RGB 223 98 131	#DF6283
16.7%	16.7% #D8567A	RGB 216 86 122	#D8567A
33.3%	33.3% #D24B72	RGB 210 75 114	#D24B72
50.0%	50.0% #CC3F6A	RGB 204 63 106	#CC3F6A
66.7%	66.7% #C63462	RGB 198 52 98	#C63462
83.3%	83.3% #C0285A	RGB 192 40 90	#C0285A
100.0%	100.0% #BA1D52	RGB 186 29 82	#BA1D52

#DF6283 #D8567A #D24B72 #CC3F6A #C63462 #C0285A #BA1D52

#DF6283 - #BA1D52

HSV Blend

#DF6283 - #BA1D52 | 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 #DF6283 as 0% and #BA1D52 as 100%.

0.0%	0.0% #DF6282	RGB 223 98 130	#DF6282
16.7%	16.7% #D85579	RGB 216 85 121	#D85579
33.3%	33.3% #D24870	RGB 210 72 112	#D24870
50.0%	50.0% #CC3C68	RGB 204 60 104	#CC3C68
66.7%	66.7% #C63160	RGB 198 49 96	#C63160
83.3%	83.3% #C02758	RGB 192 39 88	#C02758
100.0%	100.0% #BA1D52	RGB 186 29 82	#BA1D52

#DF6282 #D85579 #D24870 #CC3C68 #C63160 #C02758 #BA1D52

#DF6283 - #CC3C68 - #BA1D52

CSS codes

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

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