#DA7E9C - #9F234E | 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 #DA7E9C to #9F234E

#DA7E9C #9F234E

Calculate the color between two colors, #DA7E9C and #9F234E. 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)

#DA7E9C - #9F234E | 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 #DA7E9C as 0% and #9F234E as 100%.

0.0%	0.0% #DA7E9C	RGB 218 126 156	#DA7E9C
16.7%	16.7% #D06E8F	RGB 208 110 143	#D06E8F
33.3%	33.3% #C65F82	RGB 198 95 130	#C65F82
50.0%	50.0% #BC5075	RGB 188 80 117	#BC5075
66.7%	66.7% #B24168	RGB 178 65 104	#B24168
83.3%	83.3% #A8325B	RGB 168 50 91	#A8325B
100.0%	100.0% #9F234E	RGB 159 35 78	#9F234E

#DA7E9C #D06E8F #C65F82 #BC5075 #B24168 #A8325B #9F234E

#DA7E9C - #9F234E

HSV Blend

#DA7E9C - #9F234E | 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 #DA7E9C as 0% and #9F234E as 100%.

0.0%	0.0% #DA7E9C	RGB 218 126 156	#DA7E9C
16.7%	16.7% #D06B8C	RGB 208 107 140	#D06B8C
33.3%	33.3% #C65A7E	RGB 198 90 126	#C65A7E
50.0%	50.0% #BC4B71	RGB 188 75 113	#BC4B71
66.7%	66.7% #B23C64	RGB 178 60 100	#B23C64
83.3%	83.3% #A82F58	RGB 168 47 88	#A82F58
100.0%	100.0% #9F234E	RGB 159 35 78	#9F234E

#DA7E9C #D06B8C #C65A7E #BC4B71 #B23C64 #A82F58 #9F234E

#DA7E9C - #BC4B71 - #9F234E

CSS codes

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

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