#CACBDB - #6B829F | 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 #CACBDB to #6B829F

#CACBDB #6B829F

Calculate the color between two colors, #CACBDB and #6B829F. 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)

#CACBDB - #6B829F | 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 #CACBDB as 0% and #6B829F as 100%.

0.0%	0.0% #CACBDB	RGB 202 203 219	#CACBDB
16.7%	16.7% #BABED1	RGB 186 190 209	#BABED1
33.3%	33.3% #AAB2C7	RGB 170 178 199	#AAB2C7
50.0%	50.0% #9AA6BD	RGB 154 166 189	#9AA6BD
66.7%	66.7% #8A9AB3	RGB 138 154 179	#8A9AB3
83.3%	83.3% #7A8EA9	RGB 122 142 169	#7A8EA9
100.0%	100.0% #6B829F	RGB 107 130 159	#6B829F

#CACBDB #BABED1 #AAB2C7 #9AA6BD #8A9AB3 #7A8EA9 #6B829F

#CACBDB - #6B829F

HSV Blend

#CACBDB - #6B829F | 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 #CACBDB as 0% and #6B829F as 100%.

0.0%	0.0% #CACBDB	RGB 202 203 219	#CACBDB
16.7%	16.7% #B8BBD1	RGB 184 187 209	#B8BBD1
33.3%	33.3% #A7ACC7	RGB 167 172 199	#A7ACC7
50.0%	50.0% #96A0BD	RGB 150 160 189	#96A0BD
66.7%	66.7% #8795B3	RGB 135 149 179	#8795B3
83.3%	83.3% #788BA9	RGB 120 139 169	#788BA9
100.0%	100.0% #6B829F	RGB 107 130 159	#6B829F

#CACBDB #B8BBD1 #A7ACC7 #96A0BD #8795B3 #788BA9 #6B829F

#CACBDB - #96A0BD - #6B829F

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACBDB 0%, #96A0BD 50%, #6B829F 100%);
    background: -webkit-linear-gradient(top, #CACBDB 0%, #96A0BD 50%, #6B829F 100%);
    background: linear-gradient(to bottom, #CACBDB 0%, #96A0BD 50%, #6B829F 100%);
}
</style>