#5655A7 - #CECEE5 | 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 #5655A7 to #CECEE5

#5655A7 #CECEE5

Calculate the color between two colors, #5655A7 and #CECEE5. 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)

#5655A7 - #CECEE5 | 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 #5655A7 as 0% and #CECEE5 as 100%.

0.0%	0.0% #5655A7	RGB 86 85 167	#5655A7
16.7%	16.7% #6A69B1	RGB 106 105 177	#6A69B1
33.3%	33.3% #7E7DBB	RGB 126 125 187	#7E7DBB
50.0%	50.0% #9291C6	RGB 146 145 198	#9291C6
66.7%	66.7% #A6A5D0	RGB 166 165 208	#A6A5D0
83.3%	83.3% #BAB9DA	RGB 186 185 218	#BAB9DA
100.0%	100.0% #CECEE5	RGB 206 206 229	#CECEE5

#5655A7 #6A69B1 #7E7DBB #9291C6 #A6A5D0 #BAB9DA #CECEE5

#5655A7 - #CECEE5

HSV Blend

#5655A7 - #CECEE5 | 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 #5655A7 as 0% and #CECEE5 as 100%.

0.0%	0.0% #5655A7	RGB 86 85 167	#5655A7
16.7%	16.7% #6665B1	RGB 102 101 177	#6665B1
33.3%	33.3% #7877BB	RGB 120 119 187	#7877BB
50.0%	50.0% #8B8BC6	RGB 139 139 198	#8B8BC6
66.7%	66.7% #A0A0D0	RGB 160 160 208	#A0A0D0
83.3%	83.3% #B6B6DA	RGB 182 182 218	#B6B6DA
100.0%	100.0% #CECEE5	RGB 206 206 229	#CECEE5

#5655A7 #6665B1 #7877BB #8B8BC6 #A0A0D0 #B6B6DA #CECEE5

#5655A7 - #8B8BC6 - #CECEE5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5655A7 0%, #8B8BC6 50%, #CECEE5 100%);
    background: -webkit-linear-gradient(top, #5655A7 0%, #8B8BC6 50%, #CECEE5 100%);
    background: linear-gradient(to bottom, #5655A7 0%, #8B8BC6 50%, #CECEE5 100%);
}
</style>