#DF5E79 - #941132 | 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 #DF5E79 to #941132

#DF5E79 #941132

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

#DF5E79 - #941132 | 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 #DF5E79 as 0% and #941132 as 100%.

0.0%	0.0% #DF5E79	RGB 223 94 121	#DF5E79
16.7%	16.7% #D2516D	RGB 210 81 109	#D2516D
33.3%	33.3% #C64461	RGB 198 68 97	#C64461
50.0%	50.0% #B93755	RGB 185 55 85	#B93755
66.7%	66.7% #AD2A49	RGB 173 42 73	#AD2A49
83.3%	83.3% #A01D3D	RGB 160 29 61	#A01D3D
100.0%	100.0% #941132	RGB 148 17 50	#941132

#DF5E79 #D2516D #C64461 #B93755 #AD2A49 #A01D3D #941132

#DF5E79 - #941132

HSV Blend

#DF5E79 - #941132 | 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 #DF5E79 as 0% and #941132 as 100%.

0.0%	0.0% #DF5E79	RGB 223 94 121	#DF5E79
16.7%	16.7% #D24D6A	RGB 210 77 106	#D24D6A
33.3%	33.3% #C63F5D	RGB 198 63 93	#C63F5D
50.0%	50.0% #B93151	RGB 185 49 81	#B93151
66.7%	66.7% #AD2545	RGB 173 37 69	#AD2545
83.3%	83.3% #A01A3B	RGB 160 26 59	#A01A3B
100.0%	100.0% #941132	RGB 148 17 50	#941132

#DF5E79 #D24D6A #C63F5D #B93151 #AD2545 #A01A3B #941132

#DF5E79 - #B93151 - #941132

CSS codes

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

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