#C49BAD - #FFC4B5 | 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 #C49BAD to #FFC4B5

#C49BAD #FFC4B5

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

#C49BAD - #FFC4B5 | 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 #C49BAD as 0% and #FFC4B5 as 100%.

0.0%	0.0% #C49BAD	RGB 196 155 173	#C49BAD
16.7%	16.7% #CDA1AE	RGB 205 161 174	#CDA1AE
33.3%	33.3% #D7A8AF	RGB 215 168 175	#D7A8AF
50.0%	50.0% #E1AFB1	RGB 225 175 177	#E1AFB1
66.7%	66.7% #EBB6B2	RGB 235 182 178	#EBB6B2
83.3%	83.3% #F5BDB3	RGB 245 189 179	#F5BDB3
100.0%	100.0% #FFC4B5	RGB 255 196 181	#FFC4B5

#C49BAD #CDA1AE #D7A8AF #E1AFB1 #EBB6B2 #F5BDB3 #FFC4B5

#C49BAD - #FFC4B5

HSV Blend

#C49BAD - #FFC4B5 | 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 #C49BAD as 0% and #FFC4B5 as 100%.

0.0%	0.0% #C49BAD	RGB 196 155 173	#C49BAD
16.7%	16.7% #CD9FAF	RGB 205 159 175	#CD9FAF
33.3%	33.3% #D7A4B0	RGB 215 164 176	#D7A4B0
50.0%	50.0% #E1A9AF	RGB 225 169 175	#E1A9AF
66.7%	66.7% #EBADAE	RGB 235 173 174	#EBADAE
83.3%	83.3% #F5B7B1	RGB 245 183 177	#F5B7B1
100.0%	100.0% #FFC4B5	RGB 255 196 181	#FFC4B5

#C49BAD #CD9FAF #D7A4B0 #E1A9AF #EBADAE #F5B7B1 #FFC4B5

#C49BAD - #E1A9AF - #FFC4B5

CSS codes

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

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