#CACAD2 - #6A8393 | 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 #CACAD2 to #6A8393

#CACAD2 #6A8393

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

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

0.0%	0.0% #CACAD2	RGB 202 202 210	#CACAD2
16.7%	16.7% #BABEC7	RGB 186 190 199	#BABEC7
33.3%	33.3% #AAB2BD	RGB 170 178 189	#AAB2BD
50.0%	50.0% #9AA6B2	RGB 154 166 178	#9AA6B2
66.7%	66.7% #8A9AA8	RGB 138 154 168	#8A9AA8
83.3%	83.3% #7A8E9D	RGB 122 142 157	#7A8E9D
100.0%	100.0% #6A8393	RGB 106 131 147	#6A8393

#CACAD2 #BABEC7 #AAB2BD #9AA6B2 #8A9AA8 #7A8E9D #6A8393

#CACAD2 - #6A8393

HSV Blend

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

0.0%	0.0% #CACAD2	RGB 202 202 210	#CACAD2
16.7%	16.7% #B7B9C7	RGB 183 185 199	#B7B9C7
33.3%	33.3% #A6ABBD	RGB 166 171 189	#A6ABBD
50.0%	50.0% #969EB2	RGB 150 158 178	#969EB2
66.7%	66.7% #8694A8	RGB 134 148 168	#8694A8
83.3%	83.3% #778B9D	RGB 119 139 157	#778B9D
100.0%	100.0% #6A8393	RGB 106 131 147	#6A8393

#CACAD2 #B7B9C7 #A6ABBD #969EB2 #8694A8 #778B9D #6A8393

#CACAD2 - #969EB2 - #6A8393

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #CACAD2 0%, #969EB2 50%, #6A8393 100%);
    background: -webkit-linear-gradient(top, #CACAD2 0%, #969EB2 50%, #6A8393 100%);
    background: linear-gradient(to bottom, #CACAD2 0%, #969EB2 50%, #6A8393 100%);
}
</style>