#3E5A4D - #C7CFCC | 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 #3E5A4D to #C7CFCC

#3E5A4D #C7CFCC

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

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

0.0%	0.0% #3E5A4D	RGB 62 90 77	#3E5A4D
16.7%	16.7% #546D62	RGB 84 109 98	#546D62
33.3%	33.3% #6B8177	RGB 107 129 119	#6B8177
50.0%	50.0% #82948C	RGB 130 148 140	#82948C
66.7%	66.7% #99A8A1	RGB 153 168 161	#99A8A1
83.3%	83.3% #B0BBB6	RGB 176 187 182	#B0BBB6
100.0%	100.0% #C7CFCC	RGB 199 207 204	#C7CFCC

#3E5A4D #546D62 #6B8177 #82948C #99A8A1 #B0BBB6 #C7CFCC

#3E5A4D - #C7CFCC

HSV Blend

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

0.0%	0.0% #3E5A4D	RGB 62 90 77	#3E5A4D
16.7%	16.7% #506D60	RGB 80 109 96	#506D60
33.3%	33.3% #648174	RGB 100 129 116	#648174
50.0%	50.0% #7A9489	RGB 122 148 137	#7A9489
66.7%	66.7% #92A89F	RGB 146 168 159	#92A89F
83.3%	83.3% #ABBBB5	RGB 171 187 181	#ABBBB5
100.0%	100.0% #C7CFCC	RGB 199 207 204	#C7CFCC

#3E5A4D #506D60 #648174 #7A9489 #92A89F #ABBBB5 #C7CFCC

#3E5A4D - #7A9489 - #C7CFCC

CSS codes

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

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