#A6345C - #E5C5CF | 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 #A6345C to #E5C5CF

#A6345C #E5C5CF

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

#A6345C - #E5C5CF | 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 #A6345C as 0% and #E5C5CF as 100%.

0.0%	0.0% #A6345C	RGB 166 52 92	#A6345C
16.7%	16.7% #B04C6F	RGB 176 76 111	#B04C6F
33.3%	33.3% #BB6482	RGB 187 100 130	#BB6482
50.0%	50.0% #C57C95	RGB 197 124 149	#C57C95
66.7%	66.7% #D094A8	RGB 208 148 168	#D094A8
83.3%	83.3% #DAACBB	RGB 218 172 187	#DAACBB
100.0%	100.0% #E5C5CF	RGB 229 197 207	#E5C5CF

#A6345C #B04C6F #BB6482 #C57C95 #D094A8 #DAACBB #E5C5CF

#A6345C - #E5C5CF

HSV Blend

#A6345C - #E5C5CF | 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 #A6345C as 0% and #E5C5CF as 100%.

0.0%	0.0% #A6345C	RGB 166 52 92	#A6345C
16.7%	16.7% #B0476B	RGB 176 71 107	#B0476B
33.3%	33.3% #BB5C7C	RGB 187 92 124	#BB5C7C
50.0%	50.0% #C5738E	RGB 197 115 142	#C5738E
66.7%	66.7% #D08DA2	RGB 208 141 162	#D08DA2
83.3%	83.3% #DAA8B8	RGB 218 168 184	#DAA8B8
100.0%	100.0% #E5C5CF	RGB 229 197 207	#E5C5CF

#A6345C #B0476B #BB5C7C #C5738E #D08DA2 #DAA8B8 #E5C5CF

#A6345C - #C5738E - #E5C5CF

CSS codes

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

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