#438A8F - #C9DDDF | 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 #438A8F to #C9DDDF

#438A8F #C9DDDF

Calculate the color between two colors, #438A8F and #C9DDDF. 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)

#438A8F - #C9DDDF | 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 #438A8F as 0% and #C9DDDF as 100%.

0.0%	0.0% #438A8F	RGB 67 138 143	#438A8F
16.7%	16.7% #59979C	RGB 89 151 156	#59979C
33.3%	33.3% #6FA5A9	RGB 111 165 169	#6FA5A9
50.0%	50.0% #86B3B7	RGB 134 179 183	#86B3B7
66.7%	66.7% #9CC1C4	RGB 156 193 196	#9CC1C4
83.3%	83.3% #B2CFD1	RGB 178 207 209	#B2CFD1
100.0%	100.0% #C9DDDF	RGB 201 221 223	#C9DDDF

#438A8F #59979C #6FA5A9 #86B3B7 #9CC1C4 #B2CFD1 #C9DDDF

#438A8F - #C9DDDF

HSV Blend

#438A8F - #C9DDDF | 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 #438A8F as 0% and #C9DDDF as 100%.

0.0%	0.0% #43898F	RGB 67 137 143	#43898F
16.7%	16.7% #54979C	RGB 84 151 156	#54979C
33.3%	33.3% #67A4A9	RGB 103 164 169	#67A4A9
50.0%	50.0% #7DB2B7	RGB 125 178 183	#7DB2B7
66.7%	66.7% #94C0C4	RGB 148 192 196	#94C0C4
83.3%	83.3% #ADCED1	RGB 173 206 209	#ADCED1
100.0%	100.0% #C9DDDF	RGB 201 221 223	#C9DDDF

#43898F #54979C #67A4A9 #7DB2B7 #94C0C4 #ADCED1 #C9DDDF

#438A8F - #7DB2B7 - #C9DDDF

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #43898F 0%, #7DB2B7 50%, #C9DDDF 100%);
    background: -webkit-linear-gradient(top, #43898F 0%, #7DB2B7 50%, #C9DDDF 100%);
    background: linear-gradient(to bottom, #43898F 0%, #7DB2B7 50%, #C9DDDF 100%);
}
</style>