#DF7C92 - #C02D58 | 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 #DF7C92 to #C02D58

#DF7C92 #C02D58

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

#DF7C92 - #C02D58 | 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 #DF7C92 as 0% and #C02D58 as 100%.

0.0%	0.0% #DF7C92	RGB 223 124 146	#DF7C92
16.7%	16.7% #D96E88	RGB 217 110 136	#D96E88
33.3%	33.3% #D4617E	RGB 212 97 126	#D4617E
50.0%	50.0% #CF5475	RGB 207 84 117	#CF5475
66.7%	66.7% #CA476B	RGB 202 71 107	#CA476B
83.3%	83.3% #C53A61	RGB 197 58 97	#C53A61
100.0%	100.0% #C02D58	RGB 192 45 88	#C02D58

#DF7C92 #D96E88 #D4617E #CF5475 #CA476B #C53A61 #C02D58

#DF7C92 - #C02D58

HSV Blend

#DF7C92 - #C02D58 | 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 #DF7C92 as 0% and #C02D58 as 100%.

0.0%	0.0% #DF7C92	RGB 223 124 146	#DF7C92
16.7%	16.7% #D96D86	RGB 217 109 134	#D96D86
33.3%	33.3% #D45F7C	RGB 212 95 124	#D45F7C
50.0%	50.0% #CF5272	RGB 207 82 114	#CF5272
66.7%	66.7% #CA4568	RGB 202 69 104	#CA4568
83.3%	83.3% #C53860	RGB 197 56 96	#C53860
100.0%	100.0% #C02D58	RGB 192 45 88	#C02D58

#DF7C92 #D96D86 #D45F7C #CF5272 #CA4568 #C53860 #C02D58

#DF7C92 - #CF5272 - #C02D58

CSS codes

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

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