#5E5EAF - #C4CCC4 | 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 #5E5EAF to #C4CCC4

#5E5EAF #C4CCC4

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

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

0.0%	0.0% #5E5EAF	RGB 94 94 175	#5E5EAF
16.7%	16.7% #6F70B2	RGB 111 112 178	#6F70B2
33.3%	33.3% #8082B6	RGB 128 130 182	#8082B6
50.0%	50.0% #9195B9	RGB 145 149 185	#9195B9
66.7%	66.7% #A2A7BD	RGB 162 167 189	#A2A7BD
83.3%	83.3% #B3B9C0	RGB 179 185 192	#B3B9C0
100.0%	100.0% #C4CCC4	RGB 196 204 196	#C4CCC4

#5E5EAF #6F70B2 #8082B6 #9195B9 #A2A7BD #B3B9C0 #C4CCC4

#5E5EAF - #C4CCC4

HSV Blend

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

0.0%	0.0% #5E5EAF	RGB 94 94 175	#5E5EAF
16.7%	16.7% #6D84B3	RGB 109 132 179	#6D84B3
33.3%	33.3% #7DA4B8	RGB 125 164 184	#7DA4B8
50.0%	50.0% #8DBDBD	RGB 141 189 189	#8DBDBD
66.7%	66.7% #9FC2B6	RGB 159 194 182	#9FC2B6
83.3%	83.3% #B1C7B8	RGB 177 199 184	#B1C7B8
100.0%	100.0% #C4CCC4	RGB 196 204 196	#C4CCC4

#5E5EAF #6D84B3 #7DA4B8 #8DBDBD #9FC2B6 #B1C7B8 #C4CCC4

#5E5EAF - #8DBDBD - #C4CCC4

CSS codes

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

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