#3E664F - #C7D3CC | 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 #3E664F to #C7D3CC

#3E664F #C7D3CC

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

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

0.0%	0.0% #3E664F	RGB 62 102 79	#3E664F
16.7%	16.7% #547863	RGB 84 120 99	#547863
33.3%	33.3% #6B8A78	RGB 107 138 120	#6B8A78
50.0%	50.0% #829C8D	RGB 130 156 141	#829C8D
66.7%	66.7% #99AEA2	RGB 153 174 162	#99AEA2
83.3%	83.3% #B0C0B7	RGB 176 192 183	#B0C0B7
100.0%	100.0% #C7D3CC	RGB 199 211 204	#C7D3CC

#3E664F #547863 #6B8A78 #829C8D #99AEA2 #B0C0B7 #C7D3CC

#3E664F - #C7D3CC

HSV Blend

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

0.0%	0.0% #3E664F	RGB 62 102 79	#3E664F
16.7%	16.7% #4F7860	RGB 79 120 96	#4F7860
33.3%	33.3% #638A73	RGB 99 138 115	#638A73
50.0%	50.0% #799C88	RGB 121 156 136	#799C88
66.7%	66.7% #91AE9D	RGB 145 174 157	#91AE9D
83.3%	83.3% #ABC0B4	RGB 171 192 180	#ABC0B4
100.0%	100.0% #C7D3CC	RGB 199 211 204	#C7D3CC

#3E664F #4F7860 #638A73 #799C88 #91AE9D #ABC0B4 #C7D3CC

#3E664F - #799C88 - #C7D3CC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E664F 0%, #799C88 50%, #C7D3CC 100%);
    background: -webkit-linear-gradient(top, #3E664F 0%, #799C88 50%, #C7D3CC 100%);
    background: linear-gradient(to bottom, #3E664F 0%, #799C88 50%, #C7D3CC 100%);
}
</style>