#5E66AB - #A7ABC5 | 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 #5E66AB to #A7ABC5

#5E66AB #A7ABC5

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

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

0.0%	0.0% #5E66AB	RGB 94 102 171	#5E66AB
16.7%	16.7% #6A71AF	RGB 106 113 175	#6A71AF
33.3%	33.3% #767DB3	RGB 118 125 179	#767DB3
50.0%	50.0% #8288B8	RGB 130 136 184	#8288B8
66.7%	66.7% #8E94BC	RGB 142 148 188	#8E94BC
83.3%	83.3% #9A9FC0	RGB 154 159 192	#9A9FC0
100.0%	100.0% #A7ABC5	RGB 167 171 197	#A7ABC5

#5E66AB #6A71AF #767DB3 #8288B8 #8E94BC #9A9FC0 #A7ABC5

#5E66AB - #A7ABC5

HSV Blend

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

0.0%	0.0% #5E66AB	RGB 94 102 171	#5E66AB
16.7%	16.7% #6970AF	RGB 105 112 175	#6970AF
33.3%	33.3% #747BB3	RGB 116 123 179	#747BB3
50.0%	50.0% #8087B8	RGB 128 135 184	#8087B8
66.7%	66.7% #8C92BC	RGB 140 146 188	#8C92BC
83.3%	83.3% #999EC0	RGB 153 158 192	#999EC0
100.0%	100.0% #A7ABC5	RGB 167 171 197	#A7ABC5

#5E66AB #6970AF #747BB3 #8087B8 #8C92BC #999EC0 #A7ABC5

#5E66AB - #8087B8 - #A7ABC5

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5E66AB 0%, #8087B8 50%, #A7ABC5 100%);
    background: -webkit-linear-gradient(top, #5E66AB 0%, #8087B8 50%, #A7ABC5 100%);
    background: linear-gradient(to bottom, #5E66AB 0%, #8087B8 50%, #A7ABC5 100%);
}
</style>