#3E5151 - #C7CDCD | 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 #3E5151 to #C7CDCD

#3E5151 #C7CDCD

Calculate the color between two colors, #3E5151 and #C7CDCD. 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)

#3E5151 - #C7CDCD | 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 #3E5151 as 0% and #C7CDCD as 100%.

0.0%	0.0% #3E5151	RGB 62 81 81	#3E5151
16.7%	16.7% #546565	RGB 84 101 101	#546565
33.3%	33.3% #6B7A7A	RGB 107 122 122	#6B7A7A
50.0%	50.0% #828F8F	RGB 130 143 143	#828F8F
66.7%	66.7% #99A3A3	RGB 153 163 163	#99A3A3
83.3%	83.3% #B0B8B8	RGB 176 184 184	#B0B8B8
100.0%	100.0% #C7CDCD	RGB 199 205 205	#C7CDCD

#3E5151 #546565 #6B7A7A #828F8F #99A3A3 #B0B8B8 #C7CDCD

#3E5151 - #C7CDCD

HSV Blend

#3E5151 - #C7CDCD | 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 #3E5151 as 0% and #C7CDCD as 100%.

0.0%	0.0% #3E5151	RGB 62 81 81	#3E5151
16.7%	16.7% #516565	RGB 81 101 101	#516565
33.3%	33.3% #667A7A	RGB 102 122 122	#667A7A
50.0%	50.0% #7C8F8F	RGB 124 143 143	#7C8F8F
66.7%	66.7% #93A3A3	RGB 147 163 163	#93A3A3
83.3%	83.3% #ACB8B8	RGB 172 184 184	#ACB8B8
100.0%	100.0% #C7CDCD	RGB 199 205 205	#C7CDCD

#3E5151 #516565 #667A7A #7C8F8F #93A3A3 #ACB8B8 #C7CDCD

#3E5151 - #7C8F8F - #C7CDCD

CSS codes

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

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