#3E5372 - #C7CDD6 | 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 #3E5372 to #C7CDD6

#3E5372 #C7CDD6

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

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

0.0%	0.0% #3E5372	RGB 62 83 114	#3E5372
16.7%	16.7% #546782	RGB 84 103 130	#546782
33.3%	33.3% #6B7B93	RGB 107 123 147	#6B7B93
50.0%	50.0% #8290A4	RGB 130 144 164	#8290A4
66.7%	66.7% #99A4B4	RGB 153 164 180	#99A4B4
83.3%	83.3% #B0B8C5	RGB 176 184 197	#B0B8C5
100.0%	100.0% #C7CDD6	RGB 199 205 214	#C7CDD6

#3E5372 #546782 #6B7B93 #8290A4 #99A4B4 #B0B8C5 #C7CDD6

#3E5372 - #C7CDD6

HSV Blend

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

0.0%	0.0% #3E5372	RGB 62 83 114	#3E5372
16.7%	16.7% #4F6482	RGB 79 100 130	#4F6482
33.3%	33.3% #637693	RGB 99 118 147	#637693
50.0%	50.0% #788AA4	RGB 120 138 164	#788AA4
66.7%	66.7% #909FB4	RGB 144 159 180	#909FB4
83.3%	83.3% #AAB5C5	RGB 170 181 197	#AAB5C5
100.0%	100.0% #C7CDD6	RGB 199 205 214	#C7CDD6

#3E5372 #4F6482 #637693 #788AA4 #909FB4 #AAB5C5 #C7CDD6

#3E5372 - #788AA4 - #C7CDD6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5372 0%, #788AA4 50%, #C7CDD6 100%);
    background: -webkit-linear-gradient(top, #3E5372 0%, #788AA4 50%, #C7CDD6 100%);
    background: linear-gradient(to bottom, #3E5372 0%, #788AA4 50%, #C7CDD6 100%);
}
</style>