#FFC0E7 - #DB5EB0 | 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 #FFC0E7 to #DB5EB0

#FFC0E7 #DB5EB0

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

#FFC0E7 - #DB5EB0 | 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 #FFC0E7 as 0% and #DB5EB0 as 100%.

0.0%	0.0% #FFC0E7	RGB 255 192 231	#FFC0E7
16.7%	16.7% #F9AFDD	RGB 249 175 221	#F9AFDD
33.3%	33.3% #F39FD4	RGB 243 159 212	#F39FD4
50.0%	50.0% #ED8FCB	RGB 237 143 203	#ED8FCB
66.7%	66.7% #E77EC2	RGB 231 126 194	#E77EC2
83.3%	83.3% #E16EB9	RGB 225 110 185	#E16EB9
100.0%	100.0% #DB5EB0	RGB 219 94 176	#DB5EB0

#FFC0E7 #F9AFDD #F39FD4 #ED8FCB #E77EC2 #E16EB9 #DB5EB0

#FFC0E7 - #DB5EB0

HSV Blend

#FFC0E7 - #DB5EB0 | 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 #FFC0E7 as 0% and #DB5EB0 as 100%.

0.0%	0.0% #FFC0E7	RGB 255 192 231	#FFC0E7
16.7%	16.7% #F9AEDC	RGB 249 174 220	#F9AEDC
33.3%	33.3% #F39CD3	RGB 243 156 211	#F39CD3
50.0%	50.0% #ED8CC9	RGB 237 140 201	#ED8CC9
66.7%	66.7% #E77CC0	RGB 231 124 192	#E77CC0
83.3%	83.3% #E16CB8	RGB 225 108 184	#E16CB8
100.0%	100.0% #DB5EB0	RGB 219 94 176	#DB5EB0

#FFC0E7 #F9AEDC #F39CD3 #ED8CC9 #E77CC0 #E16CB8 #DB5EB0

#FFC0E7 - #ED8CC9 - #DB5EB0

CSS codes

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

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