#7A8CAA - #CEC5BC | 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 #7A8CAA to #CEC5BC

#7A8CAA #CEC5BC

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

#7A8CAA - #CEC5BC | 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 #7A8CAA as 0% and #CEC5BC as 100%.

0.0%	0.0% #7A8CAA	RGB 122 140 170	#7A8CAA
16.7%	16.7% #8895AD	RGB 136 149 173	#8895AD
33.3%	33.3% #969FB0	RGB 150 159 176	#969FB0
50.0%	50.0% #A4A8B3	RGB 164 168 179	#A4A8B3
66.7%	66.7% #B2B2B6	RGB 178 178 182	#B2B2B6
83.3%	83.3% #C0BBB9	RGB 192 187 185	#C0BBB9
100.0%	100.0% #CEC5BC	RGB 206 197 188	#CEC5BC

#7A8CAA #8895AD #969FB0 #A4A8B3 #B2B2B6 #C0BBB9 #CEC5BC

#7A8CAA - #CEC5BC

HSV Blend

#7A8CAA - #CEC5BC | 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 #7A8CAA as 0% and #CEC5BC as 100%.

0.0%	0.0% #7A8CAA	RGB 122 140 170	#7A8CAA
16.7%	16.7% #8884B0	RGB 136 132 176	#8884B0
33.3%	33.3% #A58EB6	RGB 165 142 182	#A58EB6
50.0%	50.0% #BC99B9	RGB 188 153 185	#BC99B9
66.7%	66.7% #C2A4B1	RGB 194 164 177	#C2A4B1
83.3%	83.3% #C8B0B0	RGB 200 176 176	#C8B0B0
100.0%	100.0% #CEC5BC	RGB 206 197 188	#CEC5BC

#7A8CAA #8884B0 #A58EB6 #BC99B9 #C2A4B1 #C8B0B0 #CEC5BC

#7A8CAA - #BC99B9 - #CEC5BC

CSS codes

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

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