#DF76B5 - #A60D68 | 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 #DF76B5 to #A60D68

#DF76B5 #A60D68

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

#DF76B5 - #A60D68 | 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 #DF76B5 as 0% and #A60D68 as 100%.

0.0%	0.0% #DF76B5	RGB 223 118 181	#DF76B5
16.7%	16.7% #D564A8	RGB 213 100 168	#D564A8
33.3%	33.3% #CC539B	RGB 204 83 155	#CC539B
50.0%	50.0% #C2418E	RGB 194 65 142	#C2418E
66.7%	66.7% #B93081	RGB 185 48 129	#B93081
83.3%	83.3% #AF1E74	RGB 175 30 116	#AF1E74
100.0%	100.0% #A60D68	RGB 166 13 104	#A60D68

#DF76B5 #D564A8 #CC539B #C2418E #B93081 #AF1E74 #A60D68

#DF76B5 - #A60D68

HSV Blend

#DF76B5 - #A60D68 | 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 #DF76B5 as 0% and #A60D68 as 100%.

0.0%	0.0% #DF76B4	RGB 223 118 180	#DF76B4
16.7%	16.7% #D560A6	RGB 213 96 166	#D560A6
33.3%	33.3% #CC4D99	RGB 204 77 153	#CC4D99
50.0%	50.0% #C23B8B	RGB 194 59 139	#C23B8B
66.7%	66.7% #B92A7F	RGB 185 42 127	#B92A7F
83.3%	83.3% #AF1A73	RGB 175 26 115	#AF1A73
100.0%	100.0% #A60D68	RGB 166 13 104	#A60D68

#DF76B4 #D560A6 #CC4D99 #C23B8B #B92A7F #AF1A73 #A60D68

#DF76B5 - #C23B8B - #A60D68

CSS codes

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

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