#5E63B0 - #C6D0C5 | 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 #5E63B0 to #C6D0C5

#5E63B0 #C6D0C5

Calculate the color between two colors, #5E63B0 and #C6D0C5. 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)

#5E63B0 - #C6D0C5 | 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 #5E63B0 as 0% and #C6D0C5 as 100%.

0.0%	0.0% #5E63B0	RGB 94 99 176	#5E63B0
16.7%	16.7% #6F75B3	RGB 111 117 179	#6F75B3
33.3%	33.3% #8087B7	RGB 128 135 183	#8087B7
50.0%	50.0% #9299BA	RGB 146 153 186	#9299BA
66.7%	66.7% #A3ABBE	RGB 163 171 190	#A3ABBE
83.3%	83.3% #B4BDC1	RGB 180 189 193	#B4BDC1
100.0%	100.0% #C6D0C5	RGB 198 208 197	#C6D0C5

#5E63B0 #6F75B3 #8087B7 #9299BA #A3ABBE #B4BDC1 #C6D0C5

#5E63B0 - #C6D0C5

HSV Blend

#5E63B0 - #C6D0C5 | 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 #5E63B0 as 0% and #C6D0C5 as 100%.

0.0%	0.0% #5E63B0	RGB 94 99 176	#5E63B0
16.7%	16.7% #6D8AB5	RGB 109 138 181	#6D8AB5
33.3%	33.3% #7DAABA	RGB 125 170 186	#7DAABA
50.0%	50.0% #8EC0BC	RGB 142 192 188	#8EC0BC
66.7%	66.7% #9FC5B5	RGB 159 197 181	#9FC5B5
83.3%	83.3% #B1CAB8	RGB 177 202 184	#B1CAB8
100.0%	100.0% #C6D0C5	RGB 198 208 197	#C6D0C5

#5E63B0 #6D8AB5 #7DAABA #8EC0BC #9FC5B5 #B1CAB8 #C6D0C5

#5E63B0 - #8EC0BC - #C6D0C5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E63B0 0%, #8EC0BC 50%, #C6D0C5 100%);
    background: -webkit-linear-gradient(top, #5E63B0 0%, #8EC0BC 50%, #C6D0C5 100%);
    background: linear-gradient(to bottom, #5E63B0 0%, #8EC0BC 50%, #C6D0C5 100%);
}
</style>