#F2DADA - #CF8C84 | 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 #F2DADA to #CF8C84

#F2DADA #CF8C84

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

#F2DADA - #CF8C84 | 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 #F2DADA as 0% and #CF8C84 as 100%.

0.0%	0.0% #F2DADA	RGB 242 218 218	#F2DADA
16.7%	16.7% #ECCDCB	RGB 236 205 203	#ECCDCB
33.3%	33.3% #E6C0BD	RGB 230 192 189	#E6C0BD
50.0%	50.0% #E0B3AF	RGB 224 179 175	#E0B3AF
66.7%	66.7% #DAA6A0	RGB 218 166 160	#DAA6A0
83.3%	83.3% #D49992	RGB 212 153 146	#D49992
100.0%	100.0% #CF8C84	RGB 207 140 132	#CF8C84

#F2DADA #ECCDCB #E6C0BD #E0B3AF #DAA6A0 #D49992 #CF8C84

#F2DADA - #CF8C84

HSV Blend

#F2DADA - #CF8C84 | 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 #F2DADA as 0% and #CF8C84 as 100%.

0.0%	0.0% #F2DADA	RGB 242 218 218	#F2DADA
16.7%	16.7% #ECCACA	RGB 236 202 202	#ECCACA
33.3%	33.3% #E6BCBB	RGB 230 188 187	#E6BCBB
50.0%	50.0% #E0AFAC	RGB 224 175 172	#E0AFAC
66.7%	66.7% #DAA29E	RGB 218 162 158	#DAA29E
83.3%	83.3% #D49791	RGB 212 151 145	#D49791
100.0%	100.0% #CF8C84	RGB 207 140 132	#CF8C84

#F2DADA #ECCACA #E6BCBB #E0AFAC #DAA29E #D49791 #CF8C84

#F2DADA - #E0AFAC - #CF8C84

CSS codes

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

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