#D59DC5 - #A84984 | 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 #D59DC5 to #A84984

#D59DC5 #A84984

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

#D59DC5 - #A84984 | 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 #D59DC5 as 0% and #A84984 as 100%.

0.0%	0.0% #D59DC5	RGB 213 157 197	#D59DC5
16.7%	16.7% #CD8FBA	RGB 205 143 186	#CD8FBA
33.3%	33.3% #C681AF	RGB 198 129 175	#C681AF
50.0%	50.0% #BE73A4	RGB 190 115 164	#BE73A4
66.7%	66.7% #B76599	RGB 183 101 153	#B76599
83.3%	83.3% #AF578E	RGB 175 87 142	#AF578E
100.0%	100.0% #A84984	RGB 168 73 132	#A84984

#D59DC5 #CD8FBA #C681AF #BE73A4 #B76599 #AF578E #A84984

#D59DC5 - #A84984

HSV Blend

#D59DC5 - #A84984 | 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 #D59DC5 as 0% and #A84984 as 100%.

0.0%	0.0% #D59DC5	RGB 213 157 197	#D59DC5
16.7%	16.7% #CD8DBA	RGB 205 141 186	#CD8DBA
33.3%	33.3% #C67DAF	RGB 198 125 175	#C67DAF
50.0%	50.0% #BE6FA4	RGB 190 111 164	#BE6FA4
66.7%	66.7% #B76199	RGB 183 97 153	#B76199
83.3%	83.3% #AF558E	RGB 175 85 142	#AF558E
100.0%	100.0% #A84984	RGB 168 73 132	#A84984

#D59DC5 #CD8DBA #C67DAF #BE6FA4 #B76199 #AF558E #A84984

#D59DC5 - #BE6FA4 - #A84984

CSS codes

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

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