#DA92A4 - #BA3E68 | 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 #DA92A4 to #BA3E68

#DA92A4 #BA3E68

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

#DA92A4 - #BA3E68 | 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 #DA92A4 as 0% and #BA3E68 as 100%.

0.0%	0.0% #DA92A4	RGB 218 146 164	#DA92A4
16.7%	16.7% #D4849A	RGB 212 132 154	#D4849A
33.3%	33.3% #CF7690	RGB 207 118 144	#CF7690
50.0%	50.0% #CA6886	RGB 202 104 134	#CA6886
66.7%	66.7% #C45A7C	RGB 196 90 124	#C45A7C
83.3%	83.3% #BF4C72	RGB 191 76 114	#BF4C72
100.0%	100.0% #BA3E68	RGB 186 62 104	#BA3E68

#DA92A4 #D4849A #CF7690 #CA6886 #C45A7C #BF4C72 #BA3E68

#DA92A4 - #BA3E68

HSV Blend

#DA92A4 - #BA3E68 | 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 #DA92A4 as 0% and #BA3E68 as 100%.

0.0%	0.0% #DA92A4	RGB 218 146 164	#DA92A4
16.7%	16.7% #D48298	RGB 212 130 152	#D48298
33.3%	33.3% #CF738D	RGB 207 115 141	#CF738D
50.0%	50.0% #CA6582	RGB 202 101 130	#CA6582
66.7%	66.7% #C45779	RGB 196 87 121	#C45779
83.3%	83.3% #BF4A70	RGB 191 74 112	#BF4A70
100.0%	100.0% #BA3E68	RGB 186 62 104	#BA3E68

#DA92A4 #D48298 #CF738D #CA6582 #C45779 #BF4A70 #BA3E68

#DA92A4 - #CA6582 - #BA3E68

CSS codes

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

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