#3E5162 - #C7CDD2 | 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 #3E5162 to #C7CDD2

#3E5162 #C7CDD2

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

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

0.0%	0.0% #3E5162	RGB 62 81 98	#3E5162
16.7%	16.7% #546574	RGB 84 101 116	#546574
33.3%	33.3% #6B7A87	RGB 107 122 135	#6B7A87
50.0%	50.0% #828F9A	RGB 130 143 154	#828F9A
66.7%	66.7% #99A3AC	RGB 153 163 172	#99A3AC
83.3%	83.3% #B0B8BF	RGB 176 184 191	#B0B8BF
100.0%	100.0% #C7CDD2	RGB 199 205 210	#C7CDD2

#3E5162 #546574 #6B7A87 #828F9A #99A3AC #B0B8BF #C7CDD2

#3E5162 - #C7CDD2

HSV Blend

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

0.0%	0.0% #3E5162	RGB 62 81 98	#3E5162
16.7%	16.7% #4F6374	RGB 79 99 116	#4F6374
33.3%	33.3% #637687	RGB 99 118 135	#637687
50.0%	50.0% #798B9A	RGB 121 139 154	#798B9A
66.7%	66.7% #91A0AC	RGB 145 160 172	#91A0AC
83.3%	83.3% #ABB6BF	RGB 171 182 191	#ABB6BF
100.0%	100.0% #C7CDD2	RGB 199 205 210	#C7CDD2

#3E5162 #4F6374 #637687 #798B9A #91A0AC #ABB6BF #C7CDD2

#3E5162 - #798B9A - #C7CDD2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5162 0%, #798B9A 50%, #C7CDD2 100%);
    background: -webkit-linear-gradient(top, #3E5162 0%, #798B9A 50%, #C7CDD2 100%);
    background: linear-gradient(to bottom, #3E5162 0%, #798B9A 50%, #C7CDD2 100%);
}
</style>