#095E9B - #6FB8D2 | 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 #095E9B to #6FB8D2

#095E9B #6FB8D2

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

#095E9B - #6FB8D2 | 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 #095E9B as 0% and #6FB8D2 as 100%.

0.0%	0.0% #095E9B	RGB 9 94 155	#095E9B
16.7%	16.7% #1A6DA4	RGB 26 109 164	#1A6DA4
33.3%	33.3% #2B7CAD	RGB 43 124 173	#2B7CAD
50.0%	50.0% #3C8BB6	RGB 60 139 182	#3C8BB6
66.7%	66.7% #4D9ABF	RGB 77 154 191	#4D9ABF
83.3%	83.3% #5EA9C8	RGB 94 169 200	#5EA9C8
100.0%	100.0% #6FB8D2	RGB 111 184 210	#6FB8D2

#095E9B #1A6DA4 #2B7CAD #3C8BB6 #4D9ABF #5EA9C8 #6FB8D2

#095E9B - #6FB8D2

HSV Blend

#095E9B - #6FB8D2 | 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 #095E9B as 0% and #6FB8D2 as 100%.

0.0%	0.0% #095E9B	RGB 9 94 155	#095E9B
16.7%	16.7% #166CA4	RGB 22 108 164	#166CA4
33.3%	33.3% #257BAD	RGB 37 123 173	#257BAD
50.0%	50.0% #358AB6	RGB 53 138 182	#358AB6
66.7%	66.7% #4799BF	RGB 71 153 191	#4799BF
83.3%	83.3% #5AA8C8	RGB 90 168 200	#5AA8C8
100.0%	100.0% #6FB8D2	RGB 111 184 210	#6FB8D2

#095E9B #166CA4 #257BAD #358AB6 #4799BF #5AA8C8 #6FB8D2

#095E9B - #358AB6 - #6FB8D2

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #095E9B 0%, #358AB6 50%, #6FB8D2 100%);
    background: -webkit-linear-gradient(top, #095E9B 0%, #358AB6 50%, #6FB8D2 100%);
    background: linear-gradient(to bottom, #095E9B 0%, #358AB6 50%, #6FB8D2 100%);
}
</style>