#7B5A64 - #D9CFD2 | 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 #7B5A64 to #D9CFD2

#7B5A64 #D9CFD2

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

#7B5A64 - #D9CFD2 | 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 #7B5A64 as 0% and #D9CFD2 as 100%.

0.0%	0.0% #7B5A64	RGB 123 90 100	#7B5A64
16.7%	16.7% #8A6D76	RGB 138 109 118	#8A6D76
33.3%	33.3% #9A8188	RGB 154 129 136	#9A8188
50.0%	50.0% #AA949B	RGB 170 148 155	#AA949B
66.7%	66.7% #B9A8AD	RGB 185 168 173	#B9A8AD
83.3%	83.3% #C9BBBF	RGB 201 187 191	#C9BBBF
100.0%	100.0% #D9CFD2	RGB 217 207 210	#D9CFD2

#7B5A64 #8A6D76 #9A8188 #AA949B #B9A8AD #C9BBBF #D9CFD2

#7B5A64 - #D9CFD2

HSV Blend

#7B5A64 - #D9CFD2 | 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 #7B5A64 as 0% and #D9CFD2 as 100%.

0.0%	0.0% #7B5A64	RGB 123 90 100	#7B5A64
16.7%	16.7% #8A6A74	RGB 138 106 116	#8A6A74
33.3%	33.3% #9A7C85	RGB 154 124 133	#9A7C85
50.0%	50.0% #AA8F97	RGB 170 143 151	#AA8F97
66.7%	66.7% #B9A3AA	RGB 185 163 170	#B9A3AA
83.3%	83.3% #C9B8BD	RGB 201 184 189	#C9B8BD
100.0%	100.0% #D9CFD2	RGB 217 207 210	#D9CFD2

#7B5A64 #8A6A74 #9A7C85 #AA8F97 #B9A3AA #C9B8BD #D9CFD2

#7B5A64 - #AA8F97 - #D9CFD2

CSS codes

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

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