#5A7E82 - #CFDADB | 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 #5A7E82 to #CFDADB

#5A7E82 #CFDADB

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

#5A7E82 - #CFDADB | 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 #5A7E82 as 0% and #CFDADB as 100%.

0.0%	0.0% #5A7E82	RGB 90 126 130	#5A7E82
16.7%	16.7% #6D8D90	RGB 109 141 144	#6D8D90
33.3%	33.3% #819C9F	RGB 129 156 159	#819C9F
50.0%	50.0% #94ACAE	RGB 148 172 174	#94ACAE
66.7%	66.7% #A8BBBD	RGB 168 187 189	#A8BBBD
83.3%	83.3% #BBCACC	RGB 187 202 204	#BBCACC
100.0%	100.0% #CFDADB	RGB 207 218 219	#CFDADB

#5A7E82 #6D8D90 #819C9F #94ACAE #A8BBBD #BBCACC #CFDADB

#5A7E82 - #CFDADB

HSV Blend

#5A7E82 - #CFDADB | 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 #5A7E82 as 0% and #CFDADB as 100%.

0.0%	0.0% #5A7E82	RGB 90 126 130	#5A7E82
16.7%	16.7% #6A8D90	RGB 106 141 144	#6A8D90
33.3%	33.3% #7B9C9F	RGB 123 156 159	#7B9C9F
50.0%	50.0% #8EABAE	RGB 142 171 174	#8EABAE
66.7%	66.7% #A2BABD	RGB 162 186 189	#A2BABD
83.3%	83.3% #B8CACC	RGB 184 202 204	#B8CACC
100.0%	100.0% #CFDADB	RGB 207 218 219	#CFDADB

#5A7E82 #6A8D90 #7B9C9F #8EABAE #A2BABD #B8CACC #CFDADB

#5A7E82 - #8EABAE - #CFDADB

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #5A7E82 0%, #8EABAE 50%, #CFDADB 100%);
    background: -webkit-linear-gradient(top, #5A7E82 0%, #8EABAE 50%, #CFDADB 100%);
    background: linear-gradient(to bottom, #5A7E82 0%, #8EABAE 50%, #CFDADB 100%);
}
</style>