#CD9FD5 - #FFF8D1 | 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 #CD9FD5 to #FFF8D1

#CD9FD5 #FFF8D1

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

#CD9FD5 - #FFF8D1 | 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 #CD9FD5 as 0% and #FFF8D1 as 100%.

0.0%	0.0% #CD9FD5	RGB 205 159 213	#CD9FD5
16.7%	16.7% #D5ADD4	RGB 213 173 212	#D5ADD4
33.3%	33.3% #DDBCD3	RGB 221 188 211	#DDBCD3
50.0%	50.0% #E6CBD3	RGB 230 203 211	#E6CBD3
66.7%	66.7% #EEDAD2	RGB 238 218 210	#EEDAD2
83.3%	83.3% #F6E9D1	RGB 246 233 209	#F6E9D1
100.0%	100.0% #FFF8D1	RGB 255 248 209	#FFF8D1

#CD9FD5 #D5ADD4 #DDBCD3 #E6CBD3 #EEDAD2 #F6E9D1 #FFF8D1

#CD9FD5 - #FFF8D1

HSV Blend

#CD9FD5 - #FFF8D1 | 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 #CD9FD5 as 0% and #FFF8D1 as 100%.

0.0%	0.0% #CD9FD5	RGB 205 159 213	#CD9FD5
16.7%	16.7% #DCA6D2	RGB 220 166 210	#DCA6D2
33.3%	33.3% #E3AEC8	RGB 227 174 200	#E3AEC8
50.0%	50.0% #EAB7BE	RGB 234 183 190	#EAB7BE
66.7%	66.7% #F1C8BF	RGB 241 200 191	#F1C8BF
83.3%	83.3% #F8E0C8	RGB 248 224 200	#F8E0C8
100.0%	100.0% #FFF8D1	RGB 255 248 209	#FFF8D1

#CD9FD5 #DCA6D2 #E3AEC8 #EAB7BE #F1C8BF #F8E0C8 #FFF8D1

#CD9FD5 - #EAB7BE - #FFF8D1

CSS codes

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

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