#1B6A72 - #5E92CD | 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 #1B6A72 to #5E92CD

#1B6A72 #5E92CD

Calculate the color between two colors, #1B6A72 and #5E92CD. 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)

#1B6A72 - #5E92CD | 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 #1B6A72 as 0% and #5E92CD as 100%.

0.0%	0.0% #1B6A72	RGB 27 106 114	#1B6A72
16.7%	16.7% #267081	RGB 38 112 129	#267081
33.3%	33.3% #317790	RGB 49 119 144	#317790
50.0%	50.0% #3C7E9F	RGB 60 126 159	#3C7E9F
66.7%	66.7% #4784AE	RGB 71 132 174	#4784AE
83.3%	83.3% #528BBD	RGB 82 139 189	#528BBD
100.0%	100.0% #5E92CD	RGB 94 146 205	#5E92CD

#1B6A72 #267081 #317790 #3C7E9F #4784AE #528BBD #5E92CD

#1B6A72 - #5E92CD

HSV Blend

#1B6A72 - #5E92CD | 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 #1B6A72 as 0% and #5E92CD as 100%.

0.0%	0.0% #1B6A72	RGB 27 106 114	#1B6A72
16.7%	16.7% #237181	RGB 35 113 129	#237181
33.3%	33.3% #2C7890	RGB 44 120 144	#2C7890
50.0%	50.0% #377F9F	RGB 55 127 159	#377F9F
66.7%	66.7% #4385AE	RGB 67 133 174	#4385AE
83.3%	83.3% #508BBD	RGB 80 139 189	#508BBD
100.0%	100.0% #5E92CD	RGB 94 146 205	#5E92CD

#1B6A72 #237181 #2C7890 #377F9F #4385AE #508BBD #5E92CD

#1B6A72 - #377F9F - #5E92CD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #1B6A72 0%, #377F9F 50%, #5E92CD 100%);
    background: -webkit-linear-gradient(top, #1B6A72 0%, #377F9F 50%, #5E92CD 100%);
    background: linear-gradient(to bottom, #1B6A72 0%, #377F9F 50%, #5E92CD 100%);
}
</style>