#384E5E - #C6CCD1 | 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 #384E5E to #C6CCD1

#384E5E #C6CCD1

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

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

0.0%	0.0% #384E5E	RGB 56 78 94	#384E5E
16.7%	16.7% #4F6371	RGB 79 99 113	#4F6371
33.3%	33.3% #677884	RGB 103 120 132	#677884
50.0%	50.0% #7F8D97	RGB 127 141 151	#7F8D97
66.7%	66.7% #96A2AA	RGB 150 162 170	#96A2AA
83.3%	83.3% #AEB7BD	RGB 174 183 189	#AEB7BD
100.0%	100.0% #C6CCD1	RGB 198 204 209	#C6CCD1

#384E5E #4F6371 #677884 #7F8D97 #96A2AA #AEB7BD #C6CCD1

#384E5E - #C6CCD1

HSV Blend

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

0.0%	0.0% #384E5E	RGB 56 78 94	#384E5E
16.7%	16.7% #4A6071	RGB 74 96 113	#4A6071
33.3%	33.3% #5E7384	RGB 94 115 132	#5E7384
50.0%	50.0% #748897	RGB 116 136 151	#748897
66.7%	66.7% #8D9DAA	RGB 141 157 170	#8D9DAA
83.3%	83.3% #A8B4BD	RGB 168 180 189	#A8B4BD
100.0%	100.0% #C6CCD1	RGB 198 204 209	#C6CCD1

#384E5E #4A6071 #5E7384 #748897 #8D9DAA #A8B4BD #C6CCD1

#384E5E - #748897 - #C6CCD1

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #384E5E 0%, #748897 50%, #C6CCD1 100%);
    background: -webkit-linear-gradient(top, #384E5E 0%, #748897 50%, #C6CCD1 100%);
    background: linear-gradient(to bottom, #384E5E 0%, #748897 50%, #C6CCD1 100%);
}
</style>