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

#C68C9C #EEDEE2

Calculate the color between two colors, #C68C9C 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)

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

0.0%	0.0% #C68C9C	RGB 198 140 156	#C68C9C
16.7%	16.7% #CC99A7	RGB 204 153 167	#CC99A7
33.3%	33.3% #D3A7B3	RGB 211 167 179	#D3A7B3
50.0%	50.0% #DAB5BF	RGB 218 181 191	#DAB5BF
66.7%	66.7% #E0C2CA	RGB 224 194 202	#E0C2CA
83.3%	83.3% #E7D0D6	RGB 231 208 214	#E7D0D6
100.0%	100.0% #EEDEE2	RGB 238 222 226	#EEDEE2

#C68C9C #CC99A7 #D3A7B3 #DAB5BF #E0C2CA #E7D0D6 #EEDEE2

#C68C9C - #EEDEE2

HSV Blend

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

0.0%	0.0% #C68C9C	RGB 198 140 156	#C68C9C
16.7%	16.7% #CC98A6	RGB 204 152 166	#CC98A6
33.3%	33.3% #D3A5B1	RGB 211 165 177	#D3A5B1
50.0%	50.0% #DAB2BD	RGB 218 178 189	#DAB2BD
66.7%	66.7% #E0C0C8	RGB 224 192 200	#E0C0C8
83.3%	83.3% #E7CFD5	RGB 231 207 213	#E7CFD5
100.0%	100.0% #EEDEE2	RGB 238 222 226	#EEDEE2

#C68C9C #CC98A6 #D3A5B1 #DAB2BD #E0C0C8 #E7CFD5 #EEDEE2

#C68C9C - #DAB2BD - #EEDEE2

CSS codes

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

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