#3E5D68 - #C7D0D3 | 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 #3E5D68 to #C7D0D3

#3E5D68 #C7D0D3

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

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

0.0%	0.0% #3E5D68	RGB 62 93 104	#3E5D68
16.7%	16.7% #547079	RGB 84 112 121	#547079
33.3%	33.3% #6B838B	RGB 107 131 139	#6B838B
50.0%	50.0% #82969D	RGB 130 150 157	#82969D
66.7%	66.7% #99A9AF	RGB 153 169 175	#99A9AF
83.3%	83.3% #B0BCC1	RGB 176 188 193	#B0BCC1
100.0%	100.0% #C7D0D3	RGB 199 208 211	#C7D0D3

#3E5D68 #547079 #6B838B #82969D #99A9AF #B0BCC1 #C7D0D3

#3E5D68 - #C7D0D3

HSV Blend

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

0.0%	0.0% #3E5D68	RGB 62 93 104	#3E5D68
16.7%	16.7% #4F6E79	RGB 79 110 121	#4F6E79
33.3%	33.3% #63818B	RGB 99 129 139	#63818B
50.0%	50.0% #79949D	RGB 121 148 157	#79949D
66.7%	66.7% #91A7AF	RGB 145 167 175	#91A7AF
83.3%	83.3% #ABBBC1	RGB 171 187 193	#ABBBC1
100.0%	100.0% #C7D0D3	RGB 199 208 211	#C7D0D3

#3E5D68 #4F6E79 #63818B #79949D #91A7AF #ABBBC1 #C7D0D3

#3E5D68 - #79949D - #C7D0D3

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5D68 0%, #79949D 50%, #C7D0D3 100%);
    background: -webkit-linear-gradient(top, #3E5D68 0%, #79949D 50%, #C7D0D3 100%);
    background: linear-gradient(to bottom, #3E5D68 0%, #79949D 50%, #C7D0D3 100%);
}
</style>