#AC7EA5 - #FF9CDD | 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 #AC7EA5 to #FF9CDD

#AC7EA5 #FF9CDD

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

#AC7EA5 - #FF9CDD | 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 #AC7EA5 as 0% and #FF9CDD as 100%.

0.0%	0.0% #AC7EA5	RGB 172 126 165	#AC7EA5
16.7%	16.7% #B983AE	RGB 185 131 174	#B983AE
33.3%	33.3% #C788B7	RGB 199 136 183	#C788B7
50.0%	50.0% #D58DC1	RGB 213 141 193	#D58DC1
66.7%	66.7% #E392CA	RGB 227 146 202	#E392CA
83.3%	83.3% #F197D3	RGB 241 151 211	#F197D3
100.0%	100.0% #FF9CDD	RGB 255 156 221	#FF9CDD

#AC7EA5 #B983AE #C788B7 #D58DC1 #E392CA #F197D3 #FF9CDD

#AC7EA5 - #FF9CDD

HSV Blend

#AC7EA5 - #FF9CDD | 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 #AC7EA5 as 0% and #FF9CDD as 100%.

0.0%	0.0% #AC7EA5	RGB 172 126 165	#AC7EA5
16.7%	16.7% #B984AF	RGB 185 132 175	#B984AF
33.3%	33.3% #C78ABA	RGB 199 138 186	#C78ABA
50.0%	50.0% #D58FC4	RGB 213 143 196	#D58FC4
66.7%	66.7% #E394CD	RGB 227 148 205	#E394CD
83.3%	83.3% #F198D5	RGB 241 152 213	#F198D5
100.0%	100.0% #FF9CDD	RGB 255 156 221	#FF9CDD

#AC7EA5 #B984AF #C78ABA #D58FC4 #E394CD #F198D5 #FF9CDD

#AC7EA5 - #D58FC4 - #FF9CDD

CSS codes

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

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