#FFCDCD - #FDF5EB | 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 #FFCDCD to #FDF5EB

#FFCDCD #FDF5EB

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

#FFCDCD - #FDF5EB | 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 #FFCDCD as 0% and #FDF5EB as 100%.

0.0%	0.0% #FFCDCD	RGB 255 205 205	#FFCDCD
16.7%	16.7% #FED3D2	RGB 254 211 210	#FED3D2
33.3%	33.3% #FEDAD7	RGB 254 218 215	#FEDAD7
50.0%	50.0% #FEE1DC	RGB 254 225 220	#FEE1DC
66.7%	66.7% #FDE7E1	RGB 253 231 225	#FDE7E1
83.3%	83.3% #FDEEE6	RGB 253 238 230	#FDEEE6
100.0%	100.0% #FDF5EB	RGB 253 245 235	#FDF5EB

#FFCDCD #FED3D2 #FEDAD7 #FEE1DC #FDE7E1 #FDEEE6 #FDF5EB

#FFCDCD - #FDF5EB

HSV Blend

#FFCDCD - #FDF5EB | 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 #FFCDCD as 0% and #FDF5EB as 100%.

0.0%	0.0% #FFCDCD	RGB 255 205 205	#FFCDCD
16.7%	16.7% #FED6D2	RGB 254 214 210	#FED6D2
33.3%	33.3% #FEDED7	RGB 254 222 215	#FEDED7
50.0%	50.0% #FEE5DC	RGB 254 229 220	#FEE5DC
66.7%	66.7% #FDEBE1	RGB 253 235 225	#FDEBE1
83.3%	83.3% #FDF0E6	RGB 253 240 230	#FDF0E6
100.0%	100.0% #FDF5EB	RGB 253 245 235	#FDF5EB

#FFCDCD #FED6D2 #FEDED7 #FEE5DC #FDEBE1 #FDF0E6 #FDF5EB

#FFCDCD - #FEE5DC - #FDF5EB

CSS codes

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

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