#465555 - #CACECE | 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 #465555 to #CACECE

#465555 #CACECE

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

#465555 - #CACECE | 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 #465555 as 0% and #CACECE as 100%.

0.0%	0.0% #465555	RGB 70 85 85	#465555
16.7%	16.7% #5C6969	RGB 92 105 105	#5C6969
33.3%	33.3% #727D7D	RGB 114 125 125	#727D7D
50.0%	50.0% #889191	RGB 136 145 145	#889191
66.7%	66.7% #9EA5A5	RGB 158 165 165	#9EA5A5
83.3%	83.3% #B4B9B9	RGB 180 185 185	#B4B9B9
100.0%	100.0% #CACECE	RGB 202 206 206	#CACECE

#465555 #5C6969 #727D7D #889191 #9EA5A5 #B4B9B9 #CACECE

#465555 - #CACECE

HSV Blend

#465555 - #CACECE | 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 #465555 as 0% and #CACECE as 100%.

0.0%	0.0% #465555	RGB 70 85 85	#465555
16.7%	16.7% #596969	RGB 89 105 105	#596969
33.3%	33.3% #6D7D7D	RGB 109 125 125	#6D7D7D
50.0%	50.0% #839191	RGB 131 145 145	#839191
66.7%	66.7% #99A5A5	RGB 153 165 165	#99A5A5
83.3%	83.3% #B1B9B9	RGB 177 185 185	#B1B9B9
100.0%	100.0% #CACECE	RGB 202 206 206	#CACECE

#465555 #596969 #6D7D7D #839191 #99A5A5 #B1B9B9 #CACECE

#465555 - #839191 - #CACECE

CSS codes

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

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