#7B838C - #CEABA2 | 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 #7B838C to #CEABA2

#7B838C #CEABA2

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

#7B838C - #CEABA2 | 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 #7B838C as 0% and #CEABA2 as 100%.

0.0%	0.0% #7B838C	RGB 123 131 140	#7B838C
16.7%	16.7% #88898F	RGB 136 137 143	#88898F
33.3%	33.3% #969093	RGB 150 144 147	#969093
50.0%	50.0% #A49797	RGB 164 151 151	#A49797
66.7%	66.7% #B29D9A	RGB 178 157 154	#B29D9A
83.3%	83.3% #C0A49E	RGB 192 164 158	#C0A49E
100.0%	100.0% #CEABA2	RGB 206 171 162	#CEABA2

#7B838C #88898F #969093 #A49797 #B29D9A #C0A49E #CEABA2

#7B838C - #CEABA2

HSV Blend

#7B838C - #CEABA2 | 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 #7B838C as 0% and #CEABA2 as 100%.

0.0%	0.0% #7B838C	RGB 123 131 140	#7B838C
16.7%	16.7% #828297	RGB 130 130 151	#828297
33.3%	33.3% #9389A2	RGB 147 137 162	#9389A2
50.0%	50.0% #A990AD	RGB 169 144 173	#A990AD
66.7%	66.7% #B896AD	RGB 184 150 173	#B896AD
83.3%	83.3% #C39CA5	RGB 195 156 165	#C39CA5
100.0%	100.0% #CEABA2	RGB 206 171 162	#CEABA2

#7B838C #828297 #9389A2 #A990AD #B896AD #C39CA5 #CEABA2

#7B838C - #A990AD - #CEABA2

CSS codes

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

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