#145151 - #BBCDCD | 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 #145151 to #BBCDCD

#145151 #BBCDCD

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

#145151 - #BBCDCD | 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 #145151 as 0% and #BBCDCD as 100%.

0.0%	0.0% #145151	RGB 20 81 81	#145151
16.7%	16.7% #2F6565	RGB 47 101 101	#2F6565
33.3%	33.3% #4B7A7A	RGB 75 122 122	#4B7A7A
50.0%	50.0% #678F8F	RGB 103 143 143	#678F8F
66.7%	66.7% #83A3A3	RGB 131 163 163	#83A3A3
83.3%	83.3% #9FB8B8	RGB 159 184 184	#9FB8B8
100.0%	100.0% #BBCDCD	RGB 187 205 205	#BBCDCD

#145151 #2F6565 #4B7A7A #678F8F #83A3A3 #9FB8B8 #BBCDCD

#145151 - #BBCDCD

HSV Blend

#145151 - #BBCDCD | 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 #145151 as 0% and #BBCDCD as 100%.

0.0%	0.0% #135151	RGB 19 81 81	#135151
16.7%	16.7% #246565	RGB 36 101 101	#246565
33.3%	33.3% #397A7A	RGB 57 122 122	#397A7A
50.0%	50.0% #528F8F	RGB 82 143 143	#528F8F
66.7%	66.7% #71A3A3	RGB 113 163 163	#71A3A3
83.3%	83.3% #93B8B8	RGB 147 184 184	#93B8B8
100.0%	100.0% #BBCDCD	RGB 187 205 205	#BBCDCD

#135151 #246565 #397A7A #528F8F #71A3A3 #93B8B8 #BBCDCD

#145151 - #528F8F - #BBCDCD

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #135151 0%, #528F8F 50%, #BBCDCD 100%);
    background: -webkit-linear-gradient(top, #135151 0%, #528F8F 50%, #BBCDCD 100%);
    background: linear-gradient(to bottom, #135151 0%, #528F8F 50%, #BBCDCD 100%);
}
</style>