#F2DADC - #CF8784 | 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 #F2DADC to #CF8784

#F2DADC #CF8784

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

#F2DADC - #CF8784 | 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 #F2DADC as 0% and #CF8784 as 100%.

0.0%	0.0% #F2DADC	RGB 242 218 220	#F2DADC
16.7%	16.7% #ECCCCD	RGB 236 204 205	#ECCCCD
33.3%	33.3% #E6BEBE	RGB 230 190 190	#E6BEBE
50.0%	50.0% #E0B0B0	RGB 224 176 176	#E0B0B0
66.7%	66.7% #DAA2A1	RGB 218 162 161	#DAA2A1
83.3%	83.3% #D49492	RGB 212 148 146	#D49492
100.0%	100.0% #CF8784	RGB 207 135 132	#CF8784

#F2DADC #ECCCCD #E6BEBE #E0B0B0 #DAA2A1 #D49492 #CF8784

#F2DADC - #CF8784

HSV Blend

#F2DADC - #CF8784 | 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 #F2DADC as 0% and #CF8784 as 100%.

0.0%	0.0% #F2DADC	RGB 242 218 220	#F2DADC
16.7%	16.7% #ECCACC	RGB 236 202 204	#ECCACC
33.3%	33.3% #E6BBBD	RGB 230 187 189	#E6BBBD
50.0%	50.0% #E0ACAD	RGB 224 172 173	#E0ACAD
66.7%	66.7% #DA9E9E	RGB 218 158 158	#DA9E9E
83.3%	83.3% #D49291	RGB 212 146 145	#D49291
100.0%	100.0% #CF8784	RGB 207 135 132	#CF8784

#F2DADC #ECCACC #E6BBBD #E0ACAD #DA9E9E #D49291 #CF8784

#F2DADC - #E0ACAD - #CF8784

CSS codes

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

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