#48D1CC - #143B3A | 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 #48D1CC to #143B3A

#48D1CC #143B3A

Calculate the color between two colors, #48D1CC and #143B3A. 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)

#48D1CC - #143B3A | 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 #48D1CC as 0% and #143B3A as 100%.

0.0%	0.0% #48D1CC	RGB 72 209 204	#48D1CC
16.7%	16.7% #3FB8B3	RGB 63 184 179	#3FB8B3
33.3%	33.3% #369F9B	RGB 54 159 155	#369F9B
50.0%	50.0% #2E8683	RGB 46 134 131	#2E8683
66.7%	66.7% #256D6A	RGB 37 109 106	#256D6A
83.3%	83.3% #1C5452	RGB 28 84 82	#1C5452
100.0%	100.0% #143B3A	RGB 20 59 58	#143B3A

#48D1CC #3FB8B3 #369F9B #2E8683 #256D6A #1C5452 #143B3A

#48D1CC - #143B3A

HSV Blend

#48D1CC - #143B3A | 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 #48D1CC as 0% and #143B3A as 100%.

0.0%	0.0% #48D1CC	RGB 72 209 204	#48D1CC
16.7%	16.7% #3FB8B3	RGB 63 184 179	#3FB8B3
33.3%	33.3% #369F9B	RGB 54 159 155	#369F9B
50.0%	50.0% #2D8683	RGB 45 134 131	#2D8683
66.7%	66.7% #256D6A	RGB 37 109 106	#256D6A
83.3%	83.3% #1C5452	RGB 28 84 82	#1C5452
100.0%	100.0% #143B3A	RGB 20 59 58	#143B3A

#48D1CC #3FB8B3 #369F9B #2D8683 #256D6A #1C5452 #143B3A

#48D1CC - #2D8683 - #143B3A

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48D1CC 0%, #2D8683 50%, #143B3A 100%);
    background: -webkit-linear-gradient(top, #48D1CC 0%, #2D8683 50%, #143B3A 100%);
    background: linear-gradient(to bottom, #48D1CC 0%, #2D8683 50%, #143B3A 100%);
}
</style>