#FF6D9C - #FFD7BA | 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 #FF6D9C to #FFD7BA

#FF6D9C #FFD7BA

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

#FF6D9C - #FFD7BA | 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 #FF6D9C as 0% and #FFD7BA as 100%.

0.0%	0.0% #FF6D9C	RGB 255 109 156	#FF6D9C
16.7%	16.7% #FF7EA1	RGB 255 126 161	#FF7EA1
33.3%	33.3% #FF90A6	RGB 255 144 166	#FF90A6
50.0%	50.0% #FFA2AB	RGB 255 162 171	#FFA2AB
66.7%	66.7% #FFB3B0	RGB 255 179 176	#FFB3B0
83.3%	83.3% #FFC5B5	RGB 255 197 181	#FFC5B5
100.0%	100.0% #FFD7BA	RGB 255 215 186	#FFD7BA

#FF6D9C #FF7EA1 #FF90A6 #FFA2AB #FFB3B0 #FFC5B5 #FFD7BA

#FF6D9C - #FFD7BA

HSV Blend

#FF6D9C - #FFD7BA | 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 #FF6D9C as 0% and #FFD7BA as 100%.

0.0%	0.0% #FF6D9B	RGB 255 109 155	#FF6D9B
16.7%	16.7% #FF7994	RGB 255 121 148	#FF7994
33.3%	33.3% #FF868F	RGB 255 134 143	#FF868F
50.0%	50.0% #FF9893	RGB 255 152 147	#FF9893
66.7%	66.7% #FFB0A0	RGB 255 176 160	#FFB0A0
83.3%	83.3% #FFC5AD	RGB 255 197 173	#FFC5AD
100.0%	100.0% #FFD7BA	RGB 255 215 186	#FFD7BA

#FF6D9B #FF7994 #FF868F #FF9893 #FFB0A0 #FFC5AD #FFD7BA

#FF6D9C - #FF9893 - #FFD7BA

CSS codes

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

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