#565C92 - #CED0DF | 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 #565C92 to #CED0DF

#565C92 #CED0DF

Calculate the color between two colors, #565C92 and #CED0DF. 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)

#565C92 - #CED0DF | 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 #565C92 as 0% and #CED0DF as 100%.

0.0%	0.0% #565C92	RGB 86 92 146	#565C92
16.7%	16.7% #6A6F9E	RGB 106 111 158	#6A6F9E
33.3%	33.3% #7E82AB	RGB 126 130 171	#7E82AB
50.0%	50.0% #9296B8	RGB 146 150 184	#9296B8
66.7%	66.7% #A6A9C5	RGB 166 169 197	#A6A9C5
83.3%	83.3% #BABCD2	RGB 186 188 210	#BABCD2
100.0%	100.0% #CED0DF	RGB 206 208 223	#CED0DF

#565C92 #6A6F9E #7E82AB #9296B8 #A6A9C5 #BABCD2 #CED0DF

#565C92 - #CED0DF

HSV Blend

#565C92 - #CED0DF | 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 #565C92 as 0% and #CED0DF as 100%.

0.0%	0.0% #565C92	RGB 86 92 146	#565C92
16.7%	16.7% #666C9E	RGB 102 108 158	#666C9E
33.3%	33.3% #787DAB	RGB 120 125 171	#787DAB
50.0%	50.0% #8B90B8	RGB 139 144 184	#8B90B8
66.7%	66.7% #A0A4C5	RGB 160 164 197	#A0A4C5
83.3%	83.3% #B6B9D2	RGB 182 185 210	#B6B9D2
100.0%	100.0% #CED0DF	RGB 206 208 223	#CED0DF

#565C92 #666C9E #787DAB #8B90B8 #A0A4C5 #B6B9D2 #CED0DF

#565C92 - #8B90B8 - #CED0DF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #565C92 0%, #8B90B8 50%, #CED0DF 100%);
    background: -webkit-linear-gradient(top, #565C92 0%, #8B90B8 50%, #CED0DF 100%);
    background: linear-gradient(to bottom, #565C92 0%, #8B90B8 50%, #CED0DF 100%);
}
</style>