#C5849C - #FFD1B5 | 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 #C5849C to #FFD1B5

#C5849C #FFD1B5

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

#C5849C - #FFD1B5 | 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 #C5849C as 0% and #FFD1B5 as 100%.

0.0%	0.0% #C5849C	RGB 197 132 156	#C5849C
16.7%	16.7% #CE90A0	RGB 206 144 160	#CE90A0
33.3%	33.3% #D89DA4	RGB 216 157 164	#D89DA4
50.0%	50.0% #E2AAA8	RGB 226 170 168	#E2AAA8
66.7%	66.7% #EBB7AC	RGB 235 183 172	#EBB7AC
83.3%	83.3% #F5C4B0	RGB 245 196 176	#F5C4B0
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#C5849C #CE90A0 #D89DA4 #E2AAA8 #EBB7AC #F5C4B0 #FFD1B5

#C5849C - #FFD1B5

HSV Blend

#C5849C - #FFD1B5 | 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 #C5849C as 0% and #FFD1B5 as 100%.

0.0%	0.0% #C5849C	RGB 197 132 156	#C5849C
16.7%	16.7% #CE8B9C	RGB 206 139 156	#CE8B9C
33.3%	33.3% #D8939C	RGB 216 147 156	#D8939C
50.0%	50.0% #E29C9B	RGB 226 156 155	#E29C9B
66.7%	66.7% #EBADA4	RGB 235 173 164	#EBADA4
83.3%	83.3% #F5BEAC	RGB 245 190 172	#F5BEAC
100.0%	100.0% #FFD1B5	RGB 255 209 181	#FFD1B5

#C5849C #CE8B9C #D8939C #E29C9B #EBADA4 #F5BEAC #FFD1B5

#C5849C - #E29C9B - #FFD1B5

CSS codes

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

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