#D4A8CD - #FFFECE | 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 #D4A8CD to #FFFECE

#D4A8CD #FFFECE

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

#D4A8CD - #FFFECE | 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 #D4A8CD as 0% and #FFFECE as 100%.

0.0%	0.0% #D4A8CD	RGB 212 168 205	#D4A8CD
16.7%	16.7% #DBB6CD	RGB 219 182 205	#DBB6CD
33.3%	33.3% #E2C4CD	RGB 226 196 205	#E2C4CD
50.0%	50.0% #E9D3CD	RGB 233 211 205	#E9D3CD
66.7%	66.7% #F0E1CD	RGB 240 225 205	#F0E1CD
83.3%	83.3% #F7EFCD	RGB 247 239 205	#F7EFCD
100.0%	100.0% #FFFECE	RGB 255 254 206	#FFFECE

#D4A8CD #DBB6CD #E2C4CD #E9D3CD #F0E1CD #F7EFCD #FFFECE

#D4A8CD - #FFFECE

HSV Blend

#D4A8CD - #FFFECE | 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 #D4A8CD as 0% and #FFFECE as 100%.

0.0%	0.0% #D4A8CD	RGB 212 168 205	#D4A8CD
16.7%	16.7% #DBAEC6	RGB 219 174 198	#DBAEC6
33.3%	33.3% #E2B4BF	RGB 226 180 191	#E2B4BF
50.0%	50.0% #E9BEBA	RGB 233 190 186	#E9BEBA
66.7%	66.7% #F0D2C1	RGB 240 210 193	#F0D2C1
83.3%	83.3% #F7E8C7	RGB 247 232 199	#F7E8C7
100.0%	100.0% #FFFECE	RGB 255 254 206	#FFFECE

#D4A8CD #DBAEC6 #E2B4BF #E9BEBA #F0D2C1 #F7E8C7 #FFFECE

#D4A8CD - #E9BEBA - #FFFECE

CSS codes

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

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