#FFBCCD - #DC5274 | 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 #FFBCCD to #DC5274

#FFBCCD #DC5274

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

#FFBCCD - #DC5274 | 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 #FFBCCD as 0% and #DC5274 as 100%.

0.0%	0.0% #FFBCCD	RGB 255 188 205	#FFBCCD
16.7%	16.7% #F9AABE	RGB 249 170 190	#F9AABE
33.3%	33.3% #F398AF	RGB 243 152 175	#F398AF
50.0%	50.0% #ED87A0	RGB 237 135 160	#ED87A0
66.7%	66.7% #E77591	RGB 231 117 145	#E77591
83.3%	83.3% #E16382	RGB 225 99 130	#E16382
100.0%	100.0% #DC5274	RGB 220 82 116	#DC5274

#FFBCCD #F9AABE #F398AF #ED87A0 #E77591 #E16382 #DC5274

#FFBCCD - #DC5274

HSV Blend

#FFBCCD - #DC5274 | 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 #FFBCCD as 0% and #DC5274 as 100%.

0.0%	0.0% #FFBCCD	RGB 255 188 205	#FFBCCD
16.7%	16.7% #F9A8BC	RGB 249 168 188	#F9A8BC
33.3%	33.3% #F395AD	RGB 243 149 173	#F395AD
50.0%	50.0% #ED839E	RGB 237 131 158	#ED839E
66.7%	66.7% #E7728F	RGB 231 114 143	#E7728F
83.3%	83.3% #E16181	RGB 225 97 129	#E16181
100.0%	100.0% #DC5274	RGB 220 82 116	#DC5274

#FFBCCD #F9A8BC #F395AD #ED839E #E7728F #E16181 #DC5274

#FFBCCD - #ED839E - #DC5274

CSS codes

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

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