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

#3E5270 #C7CDD6

Calculate the color between two colors, #3E5270 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)

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

0.0%	0.0% #3E5270	RGB 62 82 112	#3E5270
16.7%	16.7% #546681	RGB 84 102 129	#546681
33.3%	33.3% #6B7B92	RGB 107 123 146	#6B7B92
50.0%	50.0% #828FA3	RGB 130 143 163	#828FA3
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

#3E5270 #546681 #6B7B92 #828FA3 #99A4B4 #B0B8C5 #C7CDD6

#3E5270 - #C7CDD6

HSV Blend

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

0.0%	0.0% #3E5270	RGB 62 82 112	#3E5270
16.7%	16.7% #4F6381	RGB 79 99 129	#4F6381
33.3%	33.3% #637592	RGB 99 117 146	#637592
50.0%	50.0% #7889A3	RGB 120 137 163	#7889A3
66.7%	66.7% #909EB4	RGB 144 158 180	#909EB4
83.3%	83.3% #AAB5C5	RGB 170 181 197	#AAB5C5
100.0%	100.0% #C7CDD6	RGB 199 205 214	#C7CDD6

#3E5270 #4F6381 #637592 #7889A3 #909EB4 #AAB5C5 #C7CDD6

#3E5270 - #7889A3 - #C7CDD6

CSS codes

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

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