#6B9FCD - #265087 | 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 #6B9FCD to #265087

#6B9FCD #265087

Calculate the color between two colors, #6B9FCD and #265087. 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)

#6B9FCD - #265087 | 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 #6B9FCD as 0% and #265087 as 100%.

0.0%	0.0% #6B9FCD	RGB 107 159 205	#6B9FCD
16.7%	16.7% #5F91C1	RGB 95 145 193	#5F91C1
33.3%	33.3% #5484B5	RGB 84 132 181	#5484B5
50.0%	50.0% #4877AA	RGB 72 119 170	#4877AA
66.7%	66.7% #3D6A9E	RGB 61 106 158	#3D6A9E
83.3%	83.3% #315D92	RGB 49 93 146	#315D92
100.0%	100.0% #265087	RGB 38 80 135	#265087

#6B9FCD #5F91C1 #5484B5 #4877AA #3D6A9E #315D92 #265087

#6B9FCD - #265087

HSV Blend

#6B9FCD - #265087 | 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 #6B9FCD as 0% and #265087 as 100%.

0.0%	0.0% #6B9ECD	RGB 107 158 205	#6B9ECD
16.7%	16.7% #5D90C1	RGB 93 144 193	#5D90C1
33.3%	33.3% #5082B5	RGB 80 130 181	#5082B5
50.0%	50.0% #4475AA	RGB 68 117 170	#4475AA
66.7%	66.7% #39689E	RGB 57 104 158	#39689E
83.3%	83.3% #2F5B92	RGB 47 91 146	#2F5B92
100.0%	100.0% #265087	RGB 38 80 135	#265087

#6B9ECD #5D90C1 #5082B5 #4475AA #39689E #2F5B92 #265087

#6B9FCD - #4475AA - #265087

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #6B9ECD 0%, #4475AA 50%, #265087 100%);
    background: -webkit-linear-gradient(top, #6B9ECD 0%, #4475AA 50%, #265087 100%);
    background: linear-gradient(to bottom, #6B9ECD 0%, #4475AA 50%, #265087 100%);
}
</style>