#FF6EA2 - #FFAA8D | 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 #FF6EA2 to #FFAA8D

#FF6EA2 #FFAA8D

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

#FF6EA2 - #FFAA8D | 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 #FF6EA2 as 0% and #FFAA8D as 100%.

0.0%	0.0% #FF6EA2	RGB 255 110 162	#FF6EA2
16.7%	16.7% #FF789E	RGB 255 120 158	#FF789E
33.3%	33.3% #FF829B	RGB 255 130 155	#FF829B
50.0%	50.0% #FF8C97	RGB 255 140 151	#FF8C97
66.7%	66.7% #FF9694	RGB 255 150 148	#FF9694
83.3%	83.3% #FFA090	RGB 255 160 144	#FFA090
100.0%	100.0% #FFAA8D	RGB 255 170 141	#FFAA8D

#FF6EA2 #FF789E #FF829B #FF8C97 #FF9694 #FFA090 #FFAA8D

#FF6EA2 - #FFAA8D

HSV Blend

#FF6EA2 - #FFAA8D | 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 #FF6EA2 as 0% and #FFAA8D as 100%.

0.0%	0.0% #FF6EA2	RGB 255 110 162	#FF6EA2
16.7%	16.7% #FF7397	RGB 255 115 151	#FF7397
33.3%	33.3% #FF788D	RGB 255 120 141	#FF788D
50.0%	50.0% #FF7D84	RGB 255 125 132	#FF7D84
66.7%	66.7% #FF8882	RGB 255 136 130	#FF8882
83.3%	83.3% #FF9987	RGB 255 153 135	#FF9987
100.0%	100.0% #FFAA8D	RGB 255 170 141	#FFAA8D

#FF6EA2 #FF7397 #FF788D #FF7D84 #FF8882 #FF9987 #FFAA8D

#FF6EA2 - #FF7D84 - #FFAA8D

CSS codes

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

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