#C48C98 - #EEDEE2 | 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 #C48C98 to #EEDEE2

#C48C98 #EEDEE2

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

#C48C98 - #EEDEE2 | 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 #C48C98 as 0% and #EEDEE2 as 100%.

0.0%	0.0% #C48C98	RGB 196 140 152	#C48C98
16.7%	16.7% #CB99A4	RGB 203 153 164	#CB99A4
33.3%	33.3% #D2A7B0	RGB 210 167 176	#D2A7B0
50.0%	50.0% #D9B5BD	RGB 217 181 189	#D9B5BD
66.7%	66.7% #E0C2C9	RGB 224 194 201	#E0C2C9
83.3%	83.3% #E7D0D5	RGB 231 208 213	#E7D0D5
100.0%	100.0% #EEDEE2	RGB 238 222 226	#EEDEE2

#C48C98 #CB99A4 #D2A7B0 #D9B5BD #E0C2C9 #E7D0D5 #EEDEE2

#C48C98 - #EEDEE2

HSV Blend

#C48C98 - #EEDEE2 | 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 #C48C98 as 0% and #EEDEE2 as 100%.

0.0%	0.0% #C48C98	RGB 196 140 152	#C48C98
16.7%	16.7% #CB98A3	RGB 203 152 163	#CB98A3
33.3%	33.3% #D2A5AF	RGB 210 165 175	#D2A5AF
50.0%	50.0% #D9B2BB	RGB 217 178 187	#D9B2BB
66.7%	66.7% #E0C0C8	RGB 224 192 200	#E0C0C8
83.3%	83.3% #E7CFD4	RGB 231 207 212	#E7CFD4
100.0%	100.0% #EEDEE2	RGB 238 222 226	#EEDEE2

#C48C98 #CB98A3 #D2A5AF #D9B2BB #E0C0C8 #E7CFD4 #EEDEE2

#C48C98 - #D9B2BB - #EEDEE2

CSS codes

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

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