#1A8F9F - #19454C | 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 #1A8F9F to #19454C

#1A8F9F #19454C

Calculate the color between two colors, #1A8F9F and #19454C. 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)

#1A8F9F - #19454C | 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 #1A8F9F as 0% and #19454C as 100%.

0.0%	0.0% #1A8F9F	RGB 26 143 159	#1A8F9F
16.7%	16.7% #198291	RGB 25 130 145	#198291
33.3%	33.3% #197683	RGB 25 118 131	#197683
50.0%	50.0% #196A75	RGB 25 106 117	#196A75
66.7%	66.7% #195D67	RGB 25 93 103	#195D67
83.3%	83.3% #195159	RGB 25 81 89	#195159
100.0%	100.0% #19454C	RGB 25 69 76	#19454C

#1A8F9F #198291 #197683 #196A75 #195D67 #195159 #19454C

#1A8F9F - #19454C

HSV Blend

#1A8F9F - #19454C | 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 #1A8F9F as 0% and #19454C as 100%.

0.0%	0.0% #1A8F9F	RGB 26 143 159	#1A8F9F
16.7%	16.7% #1B8291	RGB 27 130 145	#1B8291
33.3%	33.3% #1C7683	RGB 28 118 131	#1C7683
50.0%	50.0% #1C6A75	RGB 28 106 117	#1C6A75
66.7%	66.7% #1C5D67	RGB 28 93 103	#1C5D67
83.3%	83.3% #1B5159	RGB 27 81 89	#1B5159
100.0%	100.0% #19454C	RGB 25 69 76	#19454C

#1A8F9F #1B8291 #1C7683 #1C6A75 #1C5D67 #1B5159 #19454C

#1A8F9F - #1C6A75 - #19454C

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1A8F9F 0%, #1C6A75 50%, #19454C 100%);
    background: -webkit-linear-gradient(top, #1A8F9F 0%, #1C6A75 50%, #19454C 100%);
    background: linear-gradient(to bottom, #1A8F9F 0%, #1C6A75 50%, #19454C 100%);
}
</style>