#CD9FBA - #FEC1C3 | 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 #CD9FBA to #FEC1C3

#CD9FBA #FEC1C3

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

#CD9FBA - #FEC1C3 | 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 #CD9FBA as 0% and #FEC1C3 as 100%.

0.0%	0.0% #CD9FBA	RGB 205 159 186	#CD9FBA
16.7%	16.7% #D5A4BB	RGB 213 164 187	#D5A4BB
33.3%	33.3% #DDAABD	RGB 221 170 189	#DDAABD
50.0%	50.0% #E5B0BE	RGB 229 176 190	#E5B0BE
66.7%	66.7% #EDB5C0	RGB 237 181 192	#EDB5C0
83.3%	83.3% #F5BBC1	RGB 245 187 193	#F5BBC1
100.0%	100.0% #FEC1C3	RGB 254 193 195	#FEC1C3

#CD9FBA #D5A4BB #DDAABD #E5B0BE #EDB5C0 #F5BBC1 #FEC1C3

#CD9FBA - #FEC1C3

HSV Blend

#CD9FBA - #FEC1C3 | 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 #CD9FBA as 0% and #FEC1C3 as 100%.

0.0%	0.0% #CD9FBA	RGB 205 159 186	#CD9FBA
16.7%	16.7% #D5A4BC	RGB 213 164 188	#D5A4BC
33.3%	33.3% #DDAABE	RGB 221 170 190	#DDAABE
50.0%	50.0% #E5B0C0	RGB 229 176 192	#E5B0C0
66.7%	66.7% #EDB5C1	RGB 237 181 193	#EDB5C1
83.3%	83.3% #F5BBC2	RGB 245 187 194	#F5BBC2
100.0%	100.0% #FEC1C3	RGB 254 193 195	#FEC1C3

#CD9FBA #D5A4BC #DDAABE #E5B0C0 #EDB5C1 #F5BBC2 #FEC1C3

#CD9FBA - #E5B0C0 - #FEC1C3

CSS codes

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

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