#AC013D - #E7B6C7 | 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 #AC013D to #E7B6C7

#AC013D #E7B6C7

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

#AC013D - #E7B6C7 | 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 #AC013D as 0% and #E7B6C7 as 100%.

0.0%	0.0% #AC013D	RGB 172 1 61	#AC013D
16.7%	16.7% #B51F54	RGB 181 31 84	#B51F54
33.3%	33.3% #BF3D6B	RGB 191 61 107	#BF3D6B
50.0%	50.0% #C95B82	RGB 201 91 130	#C95B82
66.7%	66.7% #D37999	RGB 211 121 153	#D37999
83.3%	83.3% #DD97B0	RGB 221 151 176	#DD97B0
100.0%	100.0% #E7B6C7	RGB 231 182 199	#E7B6C7

#AC013D #B51F54 #BF3D6B #C95B82 #D37999 #DD97B0 #E7B6C7

#AC013D - #E7B6C7

HSV Blend

#AC013D - #E7B6C7 | 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 #AC013D as 0% and #E7B6C7 as 100%.

0.0%	0.0% #AC013D	RGB 172 1 61	#AC013D
16.7%	16.7% #B5184F	RGB 181 24 79	#B5184F
33.3%	33.3% #BF3364	RGB 191 51 100	#BF3364
50.0%	50.0% #C94F7A	RGB 201 79 122	#C94F7A
66.7%	66.7% #D36F92	RGB 211 111 146	#D36F92
83.3%	83.3% #DD91AB	RGB 221 145 171	#DD91AB
100.0%	100.0% #E7B6C7	RGB 231 182 199	#E7B6C7

#AC013D #B5184F #BF3364 #C94F7A #D36F92 #DD91AB #E7B6C7

#AC013D - #C94F7A - #E7B6C7

CSS codes

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

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