#C4849D - #FFD1B6 | 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 #C4849D to #FFD1B6

#C4849D #FFD1B6

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

#C4849D - #FFD1B6 | 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 #C4849D as 0% and #FFD1B6 as 100%.

0.0%	0.0% #C4849D	RGB 196 132 157	#C4849D
16.7%	16.7% #CD90A1	RGB 205 144 161	#CD90A1
33.3%	33.3% #D79DA5	RGB 215 157 165	#D79DA5
50.0%	50.0% #E1AAA9	RGB 225 170 169	#E1AAA9
66.7%	66.7% #EBB7AD	RGB 235 183 173	#EBB7AD
83.3%	83.3% #F5C4B1	RGB 245 196 177	#F5C4B1
100.0%	100.0% #FFD1B6	RGB 255 209 182	#FFD1B6

#C4849D #CD90A1 #D79DA5 #E1AAA9 #EBB7AD #F5C4B1 #FFD1B6

#C4849D - #FFD1B6

HSV Blend

#C4849D - #FFD1B6 | 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 #C4849D as 0% and #FFD1B6 as 100%.

0.0%	0.0% #C4849C	RGB 196 132 156	#C4849C
16.7%	16.7% #CD8C9D	RGB 205 140 157	#CD8C9D
33.3%	33.3% #D7949D	RGB 215 148 157	#D7949D
50.0%	50.0% #E19C9D	RGB 225 156 157	#E19C9D
66.7%	66.7% #EBADA4	RGB 235 173 164	#EBADA4
83.3%	83.3% #F5BEAD	RGB 245 190 173	#F5BEAD
100.0%	100.0% #FFD1B6	RGB 255 209 182	#FFD1B6

#C4849C #CD8C9D #D7949D #E19C9D #EBADA4 #F5BEAD #FFD1B6

#C4849D - #E19C9D - #FFD1B6

CSS codes

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

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