#095991 - #B8CFDF | 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 #095991 to #B8CFDF

#095991 #B8CFDF

Calculate the color between two colors, #095991 and #B8CFDF. 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)

#095991 - #B8CFDF | 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 #095991 as 0% and #B8CFDF as 100%.

0.0%	0.0% #095991	RGB 9 89 145	#095991
16.7%	16.7% #266C9E	RGB 38 108 158	#266C9E
33.3%	33.3% #4380AB	RGB 67 128 171	#4380AB
50.0%	50.0% #6094B8	RGB 96 148 184	#6094B8
66.7%	66.7% #7DA7C5	RGB 125 167 197	#7DA7C5
83.3%	83.3% #9ABBD2	RGB 154 187 210	#9ABBD2
100.0%	100.0% #B8CFDF	RGB 184 207 223	#B8CFDF

#095991 #266C9E #4380AB #6094B8 #7DA7C5 #9ABBD2 #B8CFDF

#095991 - #B8CFDF

HSV Blend

#095991 - #B8CFDF | 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 #095991 as 0% and #B8CFDF as 100%.

0.0%	0.0% #085891	RGB 8 88 145	#085891
16.7%	16.7% #1D699E	RGB 29 105 158	#1D699E
33.3%	33.3% #367AAB	RGB 54 122 171	#367AAB
50.0%	50.0% #518DB8	RGB 81 141 184	#518DB8
66.7%	66.7% #70A2C5	RGB 112 162 197	#70A2C5
83.3%	83.3% #92B7D2	RGB 146 183 210	#92B7D2
100.0%	100.0% #B8CFDF	RGB 184 207 223	#B8CFDF

#085891 #1D699E #367AAB #518DB8 #70A2C5 #92B7D2 #B8CFDF

#095991 - #518DB8 - #B8CFDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #085891 0%, #518DB8 50%, #B8CFDF 100%);
    background: -webkit-linear-gradient(top, #085891 0%, #518DB8 50%, #B8CFDF 100%);
    background: linear-gradient(to bottom, #085891 0%, #518DB8 50%, #B8CFDF 100%);
}
</style>