#585EB6 - #CFD1EA | 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 #585EB6 to #CFD1EA

#585EB6 #CFD1EA

Calculate the color between two colors, #585EB6 and #CFD1EA. 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)

#585EB6 - #CFD1EA | 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 #585EB6 as 0% and #CFD1EA as 100%.

0.0%	0.0% #585EB6	RGB 88 94 182	#585EB6
16.7%	16.7% #6B71BE	RGB 107 113 190	#6B71BE
33.3%	33.3% #7F84C7	RGB 127 132 199	#7F84C7
50.0%	50.0% #9397D0	RGB 147 151 208	#9397D0
66.7%	66.7% #A7AAD8	RGB 167 170 216	#A7AAD8
83.3%	83.3% #BBBDE1	RGB 187 189 225	#BBBDE1
100.0%	100.0% #CFD1EA	RGB 207 209 234	#CFD1EA

#585EB6 #6B71BE #7F84C7 #9397D0 #A7AAD8 #BBBDE1 #CFD1EA

#585EB6 - #CFD1EA

HSV Blend

#585EB6 - #CFD1EA | 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 #585EB6 as 0% and #CFD1EA as 100%.

0.0%	0.0% #585DB6	RGB 88 93 182	#585DB6
16.7%	16.7% #686EBE	RGB 104 110 190	#686EBE
33.3%	33.3% #7B80C7	RGB 123 128 199	#7B80C7
50.0%	50.0% #8E92D0	RGB 142 146 208	#8E92D0
66.7%	66.7% #A2A6D8	RGB 162 166 216	#A2A6D8
83.3%	83.3% #B8BBE1	RGB 184 187 225	#B8BBE1
100.0%	100.0% #CFD1EA	RGB 207 209 234	#CFD1EA

#585DB6 #686EBE #7B80C7 #8E92D0 #A2A6D8 #B8BBE1 #CFD1EA

#585EB6 - #8E92D0 - #CFD1EA

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #585DB6 0%, #8E92D0 50%, #CFD1EA 100%);
    background: -webkit-linear-gradient(top, #585DB6 0%, #8E92D0 50%, #CFD1EA 100%);
    background: linear-gradient(to bottom, #585DB6 0%, #8E92D0 50%, #CFD1EA 100%);
}
</style>