#414E5E - #C8CCD1 | 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 #414E5E to #C8CCD1

#414E5E #C8CCD1

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

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

0.0%	0.0% #414E5E	RGB 65 78 94	#414E5E
16.7%	16.7% #576371	RGB 87 99 113	#576371
33.3%	33.3% #6E7884	RGB 110 120 132	#6E7884
50.0%	50.0% #848D97	RGB 132 141 151	#848D97
66.7%	66.7% #9BA2AA	RGB 155 162 170	#9BA2AA
83.3%	83.3% #B1B7BD	RGB 177 183 189	#B1B7BD
100.0%	100.0% #C8CCD1	RGB 200 204 209	#C8CCD1

#414E5E #576371 #6E7884 #848D97 #9BA2AA #B1B7BD #C8CCD1

#414E5E - #C8CCD1

HSV Blend

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

0.0%	0.0% #414D5E	RGB 65 77 94	#414D5E
16.7%	16.7% #536071	RGB 83 96 113	#536071
33.3%	33.3% #677484	RGB 103 116 132	#677484
50.0%	50.0% #7C8897	RGB 124 136 151	#7C8897
66.7%	66.7% #949EAA	RGB 148 158 170	#949EAA
83.3%	83.3% #ADB4BD	RGB 173 180 189	#ADB4BD
100.0%	100.0% #C8CCD1	RGB 200 204 209	#C8CCD1

#414D5E #536071 #677484 #7C8897 #949EAA #ADB4BD #C8CCD1

#414E5E - #7C8897 - #C8CCD1

CSS codes

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

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