#C9849D - #EFDBE2 | 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 #C9849D to #EFDBE2

#C9849D #EFDBE2

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

#C9849D - #EFDBE2 | 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 #C9849D as 0% and #EFDBE2 as 100%.

0.0%	0.0% #C9849D	RGB 201 132 157	#C9849D
16.7%	16.7% #CF92A8	RGB 207 146 168	#CF92A8
33.3%	33.3% #D5A1B4	RGB 213 161 180	#D5A1B4
50.0%	50.0% #DCAFBF	RGB 220 175 191	#DCAFBF
66.7%	66.7% #E2BECB	RGB 226 190 203	#E2BECB
83.3%	83.3% #E8CCD6	RGB 232 204 214	#E8CCD6
100.0%	100.0% #EFDBE2	RGB 239 219 226	#EFDBE2

#C9849D #CF92A8 #D5A1B4 #DCAFBF #E2BECB #E8CCD6 #EFDBE2

#C9849D - #EFDBE2

HSV Blend

#C9849D - #EFDBE2 | 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 #C9849D as 0% and #EFDBE2 as 100%.

0.0%	0.0% #C9849D	RGB 201 132 157	#C9849D
16.7%	16.7% #CF91A7	RGB 207 145 167	#CF91A7
33.3%	33.3% #D59EB2	RGB 213 158 178	#D59EB2
50.0%	50.0% #DCADBD	RGB 220 173 189	#DCADBD
66.7%	66.7% #E2BBC9	RGB 226 187 201	#E2BBC9
83.3%	83.3% #E8CBD5	RGB 232 203 213	#E8CBD5
100.0%	100.0% #EFDBE2	RGB 239 219 226	#EFDBE2

#C9849D #CF91A7 #D59EB2 #DCADBD #E2BBC9 #E8CBD5 #EFDBE2

#C9849D - #DCADBD - #EFDBE2

CSS codes

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

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