#FF6E77 - #FFCD8D | 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 #FF6E77 to #FFCD8D

#FF6E77 #FFCD8D

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

#FF6E77 - #FFCD8D | 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 #FF6E77 as 0% and #FFCD8D as 100%.

0.0%	0.0% #FF6E77	RGB 255 110 119	#FF6E77
16.7%	16.7% #FF7D7A	RGB 255 125 122	#FF7D7A
33.3%	33.3% #FF8D7E	RGB 255 141 126	#FF8D7E
50.0%	50.0% #FF9D82	RGB 255 157 130	#FF9D82
66.7%	66.7% #FFAD85	RGB 255 173 133	#FFAD85
83.3%	83.3% #FFBD89	RGB 255 189 137	#FFBD89
100.0%	100.0% #FFCD8D	RGB 255 205 141	#FFCD8D

#FF6E77 #FF7D7A #FF8D7E #FF9D82 #FFAD85 #FFBD89 #FFCD8D

#FF6E77 - #FFCD8D

HSV Blend

#FF6E77 - #FFCD8D | 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 #FF6E77 as 0% and #FFCD8D as 100%.

0.0%	0.0% #FF6E76	RGB 255 110 118	#FF6E76
16.7%	16.7% #FF7973	RGB 255 121 115	#FF7973
33.3%	33.3% #FF8B78	RGB 255 139 120	#FF8B78
50.0%	50.0% #FF9D7D	RGB 255 157 125	#FF9D7D
66.7%	66.7% #FFAE82	RGB 255 174 130	#FFAE82
83.3%	83.3% #FFBE87	RGB 255 190 135	#FFBE87
100.0%	100.0% #FFCD8D	RGB 255 205 141	#FFCD8D

#FF6E76 #FF7973 #FF8B78 #FF9D7D #FFAE82 #FFBE87 #FFCD8D

#FF6E77 - #FF9D7D - #FFCD8D

CSS codes

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

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