#FF6B7F - #FFA2D7 | 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 #FF6B7F to #FFA2D7

#FF6B7F #FFA2D7

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

#FF6B7F - #FFA2D7 | 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 #FF6B7F as 0% and #FFA2D7 as 100%.

0.0%	0.0% #FF6B7F	RGB 255 107 127	#FF6B7F
16.7%	16.7% #FF748D	RGB 255 116 141	#FF748D
33.3%	33.3% #FF7D9C	RGB 255 125 156	#FF7D9C
50.0%	50.0% #FF86AB	RGB 255 134 171	#FF86AB
66.7%	66.7% #FF8FB9	RGB 255 143 185	#FF8FB9
83.3%	83.3% #FF98C8	RGB 255 152 200	#FF98C8
100.0%	100.0% #FFA2D7	RGB 255 162 215	#FFA2D7

#FF6B7F #FF748D #FF7D9C #FF86AB #FF8FB9 #FF98C8 #FFA2D7

#FF6B7F - #FFA2D7

HSV Blend

#FF6B7F - #FFA2D7 | 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 #FF6B7F as 0% and #FFA2D7 as 100%.

0.0%	0.0% #FF6B7E	RGB 255 107 126	#FF6B7E
16.7%	16.7% #FF7490	RGB 255 116 144	#FF7490
33.3%	33.3% #FF7DA1	RGB 255 125 161	#FF7DA1
50.0%	50.0% #FF86B0	RGB 255 134 176	#FF86B0
66.7%	66.7% #FF8FBE	RGB 255 143 190	#FF8FBE
83.3%	83.3% #FF98CB	RGB 255 152 203	#FF98CB
100.0%	100.0% #FFA2D7	RGB 255 162 215	#FFA2D7

#FF6B7E #FF7490 #FF7DA1 #FF86B0 #FF8FBE #FF98CB #FFA2D7

#FF6B7F - #FF86B0 - #FFA2D7

CSS codes

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

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