#FFC0DA - #DB5E93 | 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 #FFC0DA to #DB5E93

#FFC0DA #DB5E93

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

#FFC0DA - #DB5E93 | 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 #FFC0DA as 0% and #DB5E93 as 100%.

0.0%	0.0% #FFC0DA	RGB 255 192 218	#FFC0DA
16.7%	16.7% #F9AFCE	RGB 249 175 206	#F9AFCE
33.3%	33.3% #F39FC2	RGB 243 159 194	#F39FC2
50.0%	50.0% #ED8FB6	RGB 237 143 182	#ED8FB6
66.7%	66.7% #E77EAA	RGB 231 126 170	#E77EAA
83.3%	83.3% #E16E9E	RGB 225 110 158	#E16E9E
100.0%	100.0% #DB5E93	RGB 219 94 147	#DB5E93

#FFC0DA #F9AFCE #F39FC2 #ED8FB6 #E77EAA #E16E9E #DB5E93

#FFC0DA - #DB5E93

HSV Blend

#FFC0DA - #DB5E93 | 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 #FFC0DA as 0% and #DB5E93 as 100%.

0.0%	0.0% #FFC0DA	RGB 255 192 218	#FFC0DA
16.7%	16.7% #F9AECD	RGB 249 174 205	#F9AECD
33.3%	33.3% #F39CC0	RGB 243 156 192	#F39CC0
50.0%	50.0% #ED8CB4	RGB 237 140 180	#ED8CB4
66.7%	66.7% #E77CA9	RGB 231 124 169	#E77CA9
83.3%	83.3% #E16C9D	RGB 225 108 157	#E16C9D
100.0%	100.0% #DB5E93	RGB 219 94 147	#DB5E93

#FFC0DA #F9AECD #F39CC0 #ED8CB4 #E77CA9 #E16C9D #DB5E93

#FFC0DA - #ED8CB4 - #DB5E93

CSS codes

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

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