#414C92 - #C8CBDF | 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 #414C92 to #C8CBDF

#414C92 #C8CBDF

Calculate the color between two colors, #414C92 and #C8CBDF. 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)

#414C92 - #C8CBDF | 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 #414C92 as 0% and #C8CBDF as 100%.

0.0%	0.0% #414C92	RGB 65 76 146	#414C92
16.7%	16.7% #57619E	RGB 87 97 158	#57619E
33.3%	33.3% #6E76AB	RGB 110 118 171	#6E76AB
50.0%	50.0% #848BB8	RGB 132 139 184	#848BB8
66.7%	66.7% #9BA0C5	RGB 155 160 197	#9BA0C5
83.3%	83.3% #B1B5D2	RGB 177 181 210	#B1B5D2
100.0%	100.0% #C8CBDF	RGB 200 203 223	#C8CBDF

#414C92 #57619E #6E76AB #848BB8 #9BA0C5 #B1B5D2 #C8CBDF

#414C92 - #C8CBDF

HSV Blend

#414C92 - #C8CBDF | 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 #414C92 as 0% and #C8CBDF as 100%.

0.0%	0.0% #414C92	RGB 65 76 146	#414C92
16.7%	16.7% #525C9E	RGB 82 92 158	#525C9E
33.3%	33.3% #666FAB	RGB 102 111 171	#666FAB
50.0%	50.0% #7B83B8	RGB 123 131 184	#7B83B8
66.7%	66.7% #9399C5	RGB 147 153 197	#9399C5
83.3%	83.3% #ACB1D2	RGB 172 177 210	#ACB1D2
100.0%	100.0% #C8CBDF	RGB 200 203 223	#C8CBDF

#414C92 #525C9E #666FAB #7B83B8 #9399C5 #ACB1D2 #C8CBDF

#414C92 - #7B83B8 - #C8CBDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #414C92 0%, #7B83B8 50%, #C8CBDF 100%);
    background: -webkit-linear-gradient(top, #414C92 0%, #7B83B8 50%, #C8CBDF 100%);
    background: linear-gradient(to bottom, #414C92 0%, #7B83B8 50%, #C8CBDF 100%);
}
</style>