#3E5191 - #C7CDDF | 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 #3E5191 to #C7CDDF

#3E5191 #C7CDDF

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

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

0.0%	0.0% #3E5191	RGB 62 81 145	#3E5191
16.7%	16.7% #54659E	RGB 84 101 158	#54659E
33.3%	33.3% #6B7AAB	RGB 107 122 171	#6B7AAB
50.0%	50.0% #828FB8	RGB 130 143 184	#828FB8
66.7%	66.7% #99A3C5	RGB 153 163 197	#99A3C5
83.3%	83.3% #B0B8D2	RGB 176 184 210	#B0B8D2
100.0%	100.0% #C7CDDF	RGB 199 205 223	#C7CDDF

#3E5191 #54659E #6B7AAB #828FB8 #99A3C5 #B0B8D2 #C7CDDF

#3E5191 - #C7CDDF

HSV Blend

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

0.0%	0.0% #3E5191	RGB 62 81 145	#3E5191
16.7%	16.7% #4F619E	RGB 79 97 158	#4F619E
33.3%	33.3% #6374AB	RGB 99 116 171	#6374AB
50.0%	50.0% #7988B8	RGB 121 136 184	#7988B8
66.7%	66.7% #919DC5	RGB 145 157 197	#919DC5
83.3%	83.3% #ABB4D2	RGB 171 180 210	#ABB4D2
100.0%	100.0% #C7CDDF	RGB 199 205 223	#C7CDDF

#3E5191 #4F619E #6374AB #7988B8 #919DC5 #ABB4D2 #C7CDDF

#3E5191 - #7988B8 - #C7CDDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3E5191 0%, #7988B8 50%, #C7CDDF 100%);
    background: -webkit-linear-gradient(top, #3E5191 0%, #7988B8 50%, #C7CDDF 100%);
    background: linear-gradient(to bottom, #3E5191 0%, #7988B8 50%, #C7CDDF 100%);
}
</style>