#6565AF - #A8AAC6 | 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 #6565AF to #A8AAC6

#6565AF #A8AAC6

Calculate the color between two colors, #6565AF and #A8AAC6. 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)

#6565AF - #A8AAC6 | 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 #6565AF as 0% and #A8AAC6 as 100%.

0.0%	0.0% #6565AF	RGB 101 101 175	#6565AF
16.7%	16.7% #7070B2	RGB 112 112 178	#7070B2
33.3%	33.3% #7B7CB6	RGB 123 124 182	#7B7CB6
50.0%	50.0% #8687BA	RGB 134 135 186	#8687BA
66.7%	66.7% #9193BE	RGB 145 147 190	#9193BE
83.3%	83.3% #9C9EC2	RGB 156 158 194	#9C9EC2
100.0%	100.0% #A8AAC6	RGB 168 170 198	#A8AAC6

#6565AF #7070B2 #7B7CB6 #8687BA #9193BE #9C9EC2 #A8AAC6

#6565AF - #A8AAC6

HSV Blend

#6565AF - #A8AAC6 | 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 #6565AF as 0% and #A8AAC6 as 100%.

0.0%	0.0% #6565AF	RGB 101 101 175	#6565AF
16.7%	16.7% #6F70B2	RGB 111 112 178	#6F70B2
33.3%	33.3% #797BB6	RGB 121 123 182	#797BB6
50.0%	50.0% #8486BA	RGB 132 134 186	#8486BA
66.7%	66.7% #9092BE	RGB 144 146 190	#9092BE
83.3%	83.3% #9B9EC2	RGB 155 158 194	#9B9EC2
100.0%	100.0% #A8AAC6	RGB 168 170 198	#A8AAC6

#6565AF #6F70B2 #797BB6 #8486BA #9092BE #9B9EC2 #A8AAC6

#6565AF - #8486BA - #A8AAC6

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6565AF 0%, #8486BA 50%, #A8AAC6 100%);
    background: -webkit-linear-gradient(top, #6565AF 0%, #8486BA 50%, #A8AAC6 100%);
    background: linear-gradient(to bottom, #6565AF 0%, #8486BA 50%, #A8AAC6 100%);
}
</style>