#7A839B - #CDBEB0 | 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 #7A839B to #CDBEB0

#7A839B #CDBEB0

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

#7A839B - #CDBEB0 | 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 #7A839B as 0% and #CDBEB0 as 100%.

0.0%	0.0% #7A839B	RGB 122 131 155	#7A839B
16.7%	16.7% #878C9E	RGB 135 140 158	#878C9E
33.3%	33.3% #9596A2	RGB 149 150 162	#9596A2
50.0%	50.0% #A3A0A5	RGB 163 160 165	#A3A0A5
66.7%	66.7% #B1AAA9	RGB 177 170 169	#B1AAA9
83.3%	83.3% #BFB4AC	RGB 191 180 172	#BFB4AC
100.0%	100.0% #CDBEB0	RGB 205 190 176	#CDBEB0

#7A839B #878C9E #9596A2 #A3A0A5 #B1AAA9 #BFB4AC #CDBEB0

#7A839B - #CDBEB0

HSV Blend

#7A839B - #CDBEB0 | 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 #7A839B as 0% and #CDBEB0 as 100%.

0.0%	0.0% #7A839B	RGB 122 131 155	#7A839B
16.7%	16.7% #8882A3	RGB 136 130 163	#8882A3
33.3%	33.3% #A08BAB	RGB 160 139 171	#A08BAB
50.0%	50.0% #B494B0	RGB 180 148 176	#B494B0
66.7%	66.7% #BC9DAA	RGB 188 157 170	#BC9DAA
83.3%	83.3% #C4A7A6	RGB 196 167 166	#C4A7A6
100.0%	100.0% #CDBEB0	RGB 205 190 176	#CDBEB0

#7A839B #8882A3 #A08BAB #B494B0 #BC9DAA #C4A7A6 #CDBEB0

#7A839B - #B494B0 - #CDBEB0

CSS codes

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

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