#A47D9F - #FCCCBE | 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 #A47D9F to #FCCCBE

#A47D9F #FCCCBE

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

#A47D9F - #FCCCBE | 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 #A47D9F as 0% and #FCCCBE as 100%.

0.0%	0.0% #A47D9F	RGB 164 125 159	#A47D9F
16.7%	16.7% #B28AA4	RGB 178 138 164	#B28AA4
33.3%	33.3% #C197A9	RGB 193 151 169	#C197A9
50.0%	50.0% #D0A4AE	RGB 208 164 174	#D0A4AE
66.7%	66.7% #DEB1B3	RGB 222 177 179	#DEB1B3
83.3%	83.3% #EDBEB8	RGB 237 190 184	#EDBEB8
100.0%	100.0% #FCCCBE	RGB 252 204 190	#FCCCBE

#A47D9F #B28AA4 #C197A9 #D0A4AE #DEB1B3 #EDBEB8 #FCCCBE

#A47D9F - #FCCCBE

HSV Blend

#A47D9F - #FCCCBE | 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 #A47D9F as 0% and #FCCCBE as 100%.

0.0%	0.0% #A47D9F	RGB 164 125 159	#A47D9F
16.7%	16.7% #B287A5	RGB 178 135 165	#B287A5
33.3%	33.3% #C192AA	RGB 193 146 170	#C192AA
50.0%	50.0% #D09DAD	RGB 208 157 173	#D09DAD
66.7%	66.7% #DEA8B0	RGB 222 168 176	#DEA8B0
83.3%	83.3% #EDB5B3	RGB 237 181 179	#EDB5B3
100.0%	100.0% #FCCCBE	RGB 252 204 190	#FCCCBE

#A47D9F #B287A5 #C192AA #D09DAD #DEA8B0 #EDB5B3 #FCCCBE

#A47D9F - #D09DAD - #FCCCBE

CSS codes

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

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