#385555 - #C6CECE | 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 #385555 to #C6CECE

#385555 #C6CECE

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

#385555 - #C6CECE | 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 #385555 as 0% and #C6CECE as 100%.

0.0%	0.0% #385555	RGB 56 85 85	#385555
16.7%	16.7% #4F6969	RGB 79 105 105	#4F6969
33.3%	33.3% #677D7D	RGB 103 125 125	#677D7D
50.0%	50.0% #7F9191	RGB 127 145 145	#7F9191
66.7%	66.7% #96A5A5	RGB 150 165 165	#96A5A5
83.3%	83.3% #AEB9B9	RGB 174 185 185	#AEB9B9
100.0%	100.0% #C6CECE	RGB 198 206 206	#C6CECE

#385555 #4F6969 #677D7D #7F9191 #96A5A5 #AEB9B9 #C6CECE

#385555 - #C6CECE

HSV Blend

#385555 - #C6CECE | 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 #385555 as 0% and #C6CECE as 100%.

0.0%	0.0% #385555	RGB 56 85 85	#385555
16.7%	16.7% #4A6969	RGB 74 105 105	#4A6969
33.3%	33.3% #5F7D7D	RGB 95 125 125	#5F7D7D
50.0%	50.0% #759191	RGB 117 145 145	#759191
66.7%	66.7% #8EA5A5	RGB 142 165 165	#8EA5A5
83.3%	83.3% #A9B9B9	RGB 169 185 185	#A9B9B9
100.0%	100.0% #C6CECE	RGB 198 206 206	#C6CECE

#385555 #4A6969 #5F7D7D #759191 #8EA5A5 #A9B9B9 #C6CECE

#385555 - #759191 - #C6CECE

CSS codes

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

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