#C9968D - #EFE1DE | 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 #C9968D to #EFE1DE

#C9968D #EFE1DE

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

#C9968D - #EFE1DE | 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 #C9968D as 0% and #EFE1DE as 100%.

0.0%	0.0% #C9968D	RGB 201 150 141	#C9968D
16.7%	16.7% #CFA29A	RGB 207 162 154	#CFA29A
33.3%	33.3% #D5AFA8	RGB 213 175 168	#D5AFA8
50.0%	50.0% #DCBBB5	RGB 220 187 181	#DCBBB5
66.7%	66.7% #E2C8C3	RGB 226 200 195	#E2C8C3
83.3%	83.3% #E8D4D0	RGB 232 212 208	#E8D4D0
100.0%	100.0% #EFE1DE	RGB 239 225 222	#EFE1DE

#C9968D #CFA29A #D5AFA8 #DCBBB5 #E2C8C3 #E8D4D0 #EFE1DE

#C9968D - #EFE1DE

HSV Blend

#C9968D - #EFE1DE | 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 #C9968D as 0% and #EFE1DE as 100%.

0.0%	0.0% #C9968D	RGB 201 150 141	#C9968D
16.7%	16.7% #CFA199	RGB 207 161 153	#CFA199
33.3%	33.3% #D5ADA6	RGB 213 173 166	#D5ADA6
50.0%	50.0% #DCB9B3	RGB 220 185 179	#DCB9B3
66.7%	66.7% #E2C6C1	RGB 226 198 193	#E2C6C1
83.3%	83.3% #E8D3CF	RGB 232 211 207	#E8D3CF
100.0%	100.0% #EFE1DE	RGB 239 225 222	#EFE1DE

#C9968D #CFA199 #D5ADA6 #DCB9B3 #E2C6C1 #E8D3CF #EFE1DE

#C9968D - #DCB9B3 - #EFE1DE

CSS codes

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

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