#D582B7 - #A11B69 | 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 #D582B7 to #A11B69

#D582B7 #A11B69

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

#D582B7 - #A11B69 | 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 #D582B7 as 0% and #A11B69 as 100%.

0.0%	0.0% #D582B7	RGB 213 130 183	#D582B7
16.7%	16.7% #CC70AA	RGB 204 112 170	#CC70AA
33.3%	33.3% #C35F9D	RGB 195 95 157	#C35F9D
50.0%	50.0% #BB4E90	RGB 187 78 144	#BB4E90
66.7%	66.7% #B23D83	RGB 178 61 131	#B23D83
83.3%	83.3% #A92C76	RGB 169 44 118	#A92C76
100.0%	100.0% #A11B69	RGB 161 27 105	#A11B69

#D582B7 #CC70AA #C35F9D #BB4E90 #B23D83 #A92C76 #A11B69

#D582B7 - #A11B69

HSV Blend

#D582B7 - #A11B69 | 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 #D582B7 as 0% and #A11B69 as 100%.

0.0%	0.0% #D582B7	RGB 213 130 183	#D582B7
16.7%	16.7% #CC6DA9	RGB 204 109 169	#CC6DA9
33.3%	33.3% #C35A9B	RGB 195 90 155	#C35A9B
50.0%	50.0% #BB488E	RGB 187 72 142	#BB488E
66.7%	66.7% #B23881	RGB 178 56 129	#B23881
83.3%	83.3% #A92875	RGB 169 40 117	#A92875
100.0%	100.0% #A11B69	RGB 161 27 105	#A11B69

#D582B7 #CC6DA9 #C35A9B #BB488E #B23881 #A92875 #A11B69

#D582B7 - #BB488E - #A11B69

CSS codes

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

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