#FDBDBF - #FEECED | 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 #FDBDBF to #FEECED

#FDBDBF #FEECED

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

#FDBDBF - #FEECED | 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 #FDBDBF as 0% and #FEECED as 100%.

0.0%	0.0% #FDBDBF	RGB 253 189 191	#FDBDBF
16.7%	16.7% #FDC4C6	RGB 253 196 198	#FDC4C6
33.3%	33.3% #FDCCCE	RGB 253 204 206	#FDCCCE
50.0%	50.0% #FDD4D6	RGB 253 212 214	#FDD4D6
66.7%	66.7% #FDDCDD	RGB 253 220 221	#FDDCDD
83.3%	83.3% #FDE4E5	RGB 253 228 229	#FDE4E5
100.0%	100.0% #FEECED	RGB 254 236 237	#FEECED

#FDBDBF #FDC4C6 #FDCCCE #FDD4D6 #FDDCDD #FDE4E5 #FEECED

#FDBDBF - #FEECED

HSV Blend

#FDBDBF - #FEECED | 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 #FDBDBF as 0% and #FEECED as 100%.

0.0%	0.0% #FDBDBE	RGB 253 189 190	#FDBDBE
16.7%	16.7% #FDC4C6	RGB 253 196 198	#FDC4C6
33.3%	33.3% #FDCCCE	RGB 253 204 206	#FDCCCE
50.0%	50.0% #FDD4D6	RGB 253 212 214	#FDD4D6
66.7%	66.7% #FDDCDD	RGB 253 220 221	#FDDCDD
83.3%	83.3% #FDE4E5	RGB 253 228 229	#FDE4E5
100.0%	100.0% #FEECED	RGB 254 236 237	#FEECED

#FDBDBE #FDC4C6 #FDCCCE #FDD4D6 #FDDCDD #FDE4E5 #FEECED

#FDBDBF - #FDD4D6 - #FEECED

CSS codes

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

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