#384A8C - #C6CBDE | 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 #384A8C to #C6CBDE

#384A8C #C6CBDE

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

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

0.0%	0.0% #384A8C	RGB 56 74 140	#384A8C
16.7%	16.7% #4F5F99	RGB 79 95 153	#4F5F99
33.3%	33.3% #6775A7	RGB 103 117 167	#6775A7
50.0%	50.0% #7F8AB5	RGB 127 138 181	#7F8AB5
66.7%	66.7% #96A0C2	RGB 150 160 194	#96A0C2
83.3%	83.3% #AEB5D0	RGB 174 181 208	#AEB5D0
100.0%	100.0% #C6CBDE	RGB 198 203 222	#C6CBDE

#384A8C #4F5F99 #6775A7 #7F8AB5 #96A0C2 #AEB5D0 #C6CBDE

#384A8C - #C6CBDE

HSV Blend

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

0.0%	0.0% #384A8C	RGB 56 74 140	#384A8C
16.7%	16.7% #4A5B99	RGB 74 91 153	#4A5B99
33.3%	33.3% #5E6DA7	RGB 94 109 167	#5E6DA7
50.0%	50.0% #7482B5	RGB 116 130 181	#7482B5
66.7%	66.7% #8D98C2	RGB 141 152 194	#8D98C2
83.3%	83.3% #A8B1D0	RGB 168 177 208	#A8B1D0
100.0%	100.0% #C6CBDE	RGB 198 203 222	#C6CBDE

#384A8C #4A5B99 #5E6DA7 #7482B5 #8D98C2 #A8B1D0 #C6CBDE

#384A8C - #7482B5 - #C6CBDE

CSS codes

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

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