#FFC0E5 - #CD56AF | 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 #FFC0E5 to #CD56AF

#FFC0E5 #CD56AF

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

#FFC0E5 - #CD56AF | 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 #FFC0E5 as 0% and #CD56AF as 100%.

0.0%	0.0% #FFC0E5	RGB 255 192 229	#FFC0E5
16.7%	16.7% #F6AEDC	RGB 246 174 220	#F6AEDC
33.3%	33.3% #EE9CD3	RGB 238 156 211	#EE9CD3
50.0%	50.0% #E68BCA	RGB 230 139 202	#E68BCA
66.7%	66.7% #DD79C1	RGB 221 121 193	#DD79C1
83.3%	83.3% #D567B8	RGB 213 103 184	#D567B8
100.0%	100.0% #CD56AF	RGB 205 86 175	#CD56AF

#FFC0E5 #F6AEDC #EE9CD3 #E68BCA #DD79C1 #D567B8 #CD56AF

#FFC0E5 - #CD56AF

HSV Blend

#FFC0E5 - #CD56AF | 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 #FFC0E5 as 0% and #CD56AF as 100%.

0.0%	0.0% #FFC0E5	RGB 255 192 229	#FFC0E5
16.7%	16.7% #F6ACD9	RGB 246 172 217	#F6ACD9
33.3%	33.3% #EE98CF	RGB 238 152 207	#EE98CF
50.0%	50.0% #E686C6	RGB 230 134 198	#E686C6
66.7%	66.7% #DD75BD	RGB 221 117 189	#DD75BD
83.3%	83.3% #D565B6	RGB 213 101 182	#D565B6
100.0%	100.0% #CD56AF	RGB 205 86 175	#CD56AF

#FFC0E5 #F6ACD9 #EE98CF #E686C6 #DD75BD #D565B6 #CD56AF

#FFC0E5 - #E686C6 - #CD56AF

CSS codes

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

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