#45A8C7 - #133038 | 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 #45A8C7 to #133038

#45A8C7 #133038

Calculate the color between two colors, #45A8C7 and #133038. 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)

#45A8C7 - #133038 | 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 #45A8C7 as 0% and #133038 as 100%.

0.0%	0.0% #45A8C7	RGB 69 168 199	#45A8C7
16.7%	16.7% #3C94AF	RGB 60 148 175	#3C94AF
33.3%	33.3% #348097	RGB 52 128 151	#348097
50.0%	50.0% #2C6C7F	RGB 44 108 127	#2C6C7F
66.7%	66.7% #235867	RGB 35 88 103	#235867
83.3%	83.3% #1B444F	RGB 27 68 79	#1B444F
100.0%	100.0% #133038	RGB 19 48 56	#133038

#45A8C7 #3C94AF #348097 #2C6C7F #235867 #1B444F #133038

#45A8C7 - #133038

HSV Blend

#45A8C7 - #133038 | 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 #45A8C7 as 0% and #133038 as 100%.

0.0%	0.0% #44A8C7	RGB 68 168 199	#44A8C7
16.7%	16.7% #3C94AF	RGB 60 148 175	#3C94AF
33.3%	33.3% #348097	RGB 52 128 151	#348097
50.0%	50.0% #2B6C7F	RGB 43 108 127	#2B6C7F
66.7%	66.7% #235867	RGB 35 88 103	#235867
83.3%	83.3% #1B444F	RGB 27 68 79	#1B444F
100.0%	100.0% #133038	RGB 19 48 56	#133038

#44A8C7 #3C94AF #348097 #2B6C7F #235867 #1B444F #133038

#45A8C7 - #2B6C7F - #133038

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #44A8C7 0%, #2B6C7F 50%, #133038 100%);
    background: -webkit-linear-gradient(top, #44A8C7 0%, #2B6C7F 50%, #133038 100%);
    background: linear-gradient(to bottom, #44A8C7 0%, #2B6C7F 50%, #133038 100%);
}
</style>