#FF5D9A - #FFCEB9 | 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 #FF5D9A to #FFCEB9

#FF5D9A #FFCEB9

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

#FF5D9A - #FFCEB9 | 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 #FF5D9A as 0% and #FFCEB9 as 100%.

0.0%	0.0% #FF5D9A	RGB 255 93 154	#FF5D9A
16.7%	16.7% #FF6F9F	RGB 255 111 159	#FF6F9F
33.3%	33.3% #FF82A4	RGB 255 130 164	#FF82A4
50.0%	50.0% #FF95A9	RGB 255 149 169	#FF95A9
66.7%	66.7% #FFA8AE	RGB 255 168 174	#FFA8AE
83.3%	83.3% #FFBBB3	RGB 255 187 179	#FFBBB3
100.0%	100.0% #FFCEB9	RGB 255 206 185	#FFCEB9

#FF5D9A #FF6F9F #FF82A4 #FF95A9 #FFA8AE #FFBBB3 #FFCEB9

#FF5D9A - #FFCEB9

HSV Blend

#FF5D9A - #FFCEB9 | 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 #FF5D9A as 0% and #FFCEB9 as 100%.

0.0%	0.0% #FF5D9A	RGB 255 93 154	#FF5D9A
16.7%	16.7% #FF6C93	RGB 255 108 147	#FF6C93
33.3%	33.3% #FF7B8F	RGB 255 123 143	#FF7B8F
50.0%	50.0% #FF8B8F	RGB 255 139 143	#FF8B8F
66.7%	66.7% #FFA19A	RGB 255 161 154	#FFA19A
83.3%	83.3% #FFB9A9	RGB 255 185 169	#FFB9A9
100.0%	100.0% #FFCEB9	RGB 255 206 185	#FFCEB9

#FF5D9A #FF6C93 #FF7B8F #FF8B8F #FFA19A #FFB9A9 #FFCEB9

#FF5D9A - #FF8B8F - #FFCEB9

CSS codes

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

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