#DA8D9C - #B93E4D | 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 #DA8D9C to #B93E4D

#DA8D9C #B93E4D

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

#DA8D9C - #B93E4D | 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 #DA8D9C as 0% and #B93E4D as 100%.

0.0%	0.0% #DA8D9C	RGB 218 141 156	#DA8D9C
16.7%	16.7% #D47F8E	RGB 212 127 142	#D47F8E
33.3%	33.3% #CF7281	RGB 207 114 129	#CF7281
50.0%	50.0% #C96574	RGB 201 101 116	#C96574
66.7%	66.7% #C45867	RGB 196 88 103	#C45867
83.3%	83.3% #BE4B5A	RGB 190 75 90	#BE4B5A
100.0%	100.0% #B93E4D	RGB 185 62 77	#B93E4D

#DA8D9C #D47F8E #CF7281 #C96574 #C45867 #BE4B5A #B93E4D

#DA8D9C - #B93E4D

HSV Blend

#DA8D9C - #B93E4D | 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 #DA8D9C as 0% and #B93E4D as 100%.

0.0%	0.0% #DA8D9C	RGB 218 141 156	#DA8D9C
16.7%	16.7% #D47E8E	RGB 212 126 142	#D47E8E
33.3%	33.3% #CF7080	RGB 207 112 128	#CF7080
50.0%	50.0% #C96273	RGB 201 98 115	#C96273
66.7%	66.7% #C45666	RGB 196 86 102	#C45666
83.3%	83.3% #BE4959	RGB 190 73 89	#BE4959
100.0%	100.0% #B93E4D	RGB 185 62 77	#B93E4D

#DA8D9C #D47E8E #CF7080 #C96273 #C45666 #BE4959 #B93E4D

#DA8D9C - #C96273 - #B93E4D

CSS codes

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

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