#3E5A84 - #C7CFDB | 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 #3E5A84 to #C7CFDB

#3E5A84 #C7CFDB

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

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

0.0%	0.0% #3E5A84	RGB 62 90 132	#3E5A84
16.7%	16.7% #546D92	RGB 84 109 146	#546D92
33.3%	33.3% #6B81A1	RGB 107 129 161	#6B81A1
50.0%	50.0% #8294AF	RGB 130 148 175	#8294AF
66.7%	66.7% #99A8BE	RGB 153 168 190	#99A8BE
83.3%	83.3% #B0BBCC	RGB 176 187 204	#B0BBCC
100.0%	100.0% #C7CFDB	RGB 199 207 219	#C7CFDB

#3E5A84 #546D92 #6B81A1 #8294AF #99A8BE #B0BBCC #C7CFDB

#3E5A84 - #C7CFDB

HSV Blend

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

0.0%	0.0% #3E5984	RGB 62 89 132	#3E5984
16.7%	16.7% #4F6A92	RGB 79 106 146	#4F6A92
33.3%	33.3% #637BA1	RGB 99 123 161	#637BA1
50.0%	50.0% #788EAF	RGB 120 142 175	#788EAF
66.7%	66.7% #90A2BE	RGB 144 162 190	#90A2BE
83.3%	83.3% #AAB8CC	RGB 170 184 204	#AAB8CC
100.0%	100.0% #C7CFDB	RGB 199 207 219	#C7CFDB

#3E5984 #4F6A92 #637BA1 #788EAF #90A2BE #AAB8CC #C7CFDB

#3E5A84 - #788EAF - #C7CFDB

CSS codes

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

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