#7A8AA6 - #CEC4B9 | 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 #7A8AA6 to #CEC4B9

#7A8AA6 #CEC4B9

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

#7A8AA6 - #CEC4B9 | 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 #7A8AA6 as 0% and #CEC4B9 as 100%.

0.0%	0.0% #7A8AA6	RGB 122 138 166	#7A8AA6
16.7%	16.7% #8893A9	RGB 136 147 169	#8893A9
33.3%	33.3% #969DAC	RGB 150 157 172	#969DAC
50.0%	50.0% #A4A7AF	RGB 164 167 175	#A4A7AF
66.7%	66.7% #B2B0B2	RGB 178 176 178	#B2B0B2
83.3%	83.3% #C0BAB5	RGB 192 186 181	#C0BAB5
100.0%	100.0% #CEC4B9	RGB 206 196 185	#CEC4B9

#7A8AA6 #8893A9 #969DAC #A4A7AF #B2B0B2 #C0BAB5 #CEC4B9

#7A8AA6 - #CEC4B9

HSV Blend

#7A8AA6 - #CEC4B9 | 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 #7A8AA6 as 0% and #CEC4B9 as 100%.

0.0%	0.0% #7A8AA6	RGB 122 138 166	#7A8AA6
16.7%	16.7% #8883AC	RGB 136 131 172	#8883AC
33.3%	33.3% #A48DB3	RGB 164 141 179	#A48DB3
50.0%	50.0% #BA97B7	RGB 186 151 183	#BA97B7
66.7%	66.7% #C0A2AF	RGB 192 162 175	#C0A2AF
83.3%	83.3% #C7AEAD	RGB 199 174 173	#C7AEAD
100.0%	100.0% #CEC4B9	RGB 206 196 185	#CEC4B9

#7A8AA6 #8883AC #A48DB3 #BA97B7 #C0A2AF #C7AEAD #CEC4B9

#7A8AA6 - #BA97B7 - #CEC4B9

CSS codes

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

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