#FF5E9D - #FFCFBD | 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 #FF5E9D to #FFCFBD

#FF5E9D #FFCFBD

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

#FF5E9D - #FFCFBD | 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 #FF5E9D as 0% and #FFCFBD as 100%.

0.0%	0.0% #FF5E9D	RGB 255 94 157	#FF5E9D
16.7%	16.7% #FF70A2	RGB 255 112 162	#FF70A2
33.3%	33.3% #FF83A7	RGB 255 131 167	#FF83A7
50.0%	50.0% #FF96AD	RGB 255 150 173	#FF96AD
66.7%	66.7% #FFA9B2	RGB 255 169 178	#FFA9B2
83.3%	83.3% #FFBCB7	RGB 255 188 183	#FFBCB7
100.0%	100.0% #FFCFBD	RGB 255 207 189	#FFCFBD

#FF5E9D #FF70A2 #FF83A7 #FF96AD #FFA9B2 #FFBCB7 #FFCFBD

#FF5E9D - #FFCFBD

HSV Blend

#FF5E9D - #FFCFBD | 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 #FF5E9D as 0% and #FFCFBD as 100%.

0.0%	0.0% #FF5D9C	RGB 255 93 156	#FF5D9C
16.7%	16.7% #FF6D96	RGB 255 109 150	#FF6D96
33.3%	33.3% #FF7D93	RGB 255 125 147	#FF7D93
50.0%	50.0% #FF8D94	RGB 255 141 148	#FF8D94
66.7%	66.7% #FFA29D	RGB 255 162 157	#FFA29D
83.3%	83.3% #FFBAAD	RGB 255 186 173	#FFBAAD
100.0%	100.0% #FFCFBD	RGB 255 207 189	#FFCFBD

#FF5D9C #FF6D96 #FF7D93 #FF8D94 #FFA29D #FFBAAD #FFCFBD

#FF5E9D - #FF8D94 - #FFCFBD

CSS codes

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

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