#C68C9F - #EEDEE3 | 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 #C68C9F to #EEDEE3

#C68C9F #EEDEE3

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

#C68C9F - #EEDEE3 | 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 #C68C9F as 0% and #EEDEE3 as 100%.

0.0%	0.0% #C68C9F	RGB 198 140 159	#C68C9F
16.7%	16.7% #CC99AA	RGB 204 153 170	#CC99AA
33.3%	33.3% #D3A7B5	RGB 211 167 181	#D3A7B5
50.0%	50.0% #DAB5C1	RGB 218 181 193	#DAB5C1
66.7%	66.7% #E0C2CC	RGB 224 194 204	#E0C2CC
83.3%	83.3% #E7D0D7	RGB 231 208 215	#E7D0D7
100.0%	100.0% #EEDEE3	RGB 238 222 227	#EEDEE3

#C68C9F #CC99AA #D3A7B5 #DAB5C1 #E0C2CC #E7D0D7 #EEDEE3

#C68C9F - #EEDEE3

HSV Blend

#C68C9F - #EEDEE3 | 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 #C68C9F as 0% and #EEDEE3 as 100%.

0.0%	0.0% #C68C9F	RGB 198 140 159	#C68C9F
16.7%	16.7% #CC98A9	RGB 204 152 169	#CC98A9
33.3%	33.3% #D3A5B4	RGB 211 165 180	#D3A5B4
50.0%	50.0% #DAB2BF	RGB 218 178 191	#DAB2BF
66.7%	66.7% #E0C0CA	RGB 224 192 202	#E0C0CA
83.3%	83.3% #E7CFD6	RGB 231 207 214	#E7CFD6
100.0%	100.0% #EEDEE3	RGB 238 222 227	#EEDEE3

#C68C9F #CC98A9 #D3A5B4 #DAB2BF #E0C0CA #E7CFD6 #EEDEE3

#C68C9F - #DAB2BF - #EEDEE3

CSS codes

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

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