#0094A1 - #AFEECC | 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 #0094A1 to #AFEECC

#0094A1 #AFEECC

Calculate the color between two colors, #0094A1 and #AFEECC. 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)

#0094A1 - #AFEECC | 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 #0094A1 as 0% and #AFEECC as 100%.

0.0%	0.0% #0094A1	RGB 0 148 161	#0094A1
16.7%	16.7% #1DA3A8	RGB 29 163 168	#1DA3A8
33.3%	33.3% #3AB2AF	RGB 58 178 175	#3AB2AF
50.0%	50.0% #57C1B6	RGB 87 193 182	#57C1B6
66.7%	66.7% #74D0BD	RGB 116 208 189	#74D0BD
83.3%	83.3% #91DFC4	RGB 145 223 196	#91DFC4
100.0%	100.0% #AFEECC	RGB 175 238 204	#AFEECC

#0094A1 #1DA3A8 #3AB2AF #57C1B6 #74D0BD #91DFC4 #AFEECC

#0094A1 - #AFEECC

HSV Blend

#0094A1 - #AFEECC | 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 #0094A1 as 0% and #AFEECC as 100%.

0.0%	0.0% #0094A1	RGB 0 148 161	#0094A1
16.7%	16.7% #15ADAA	RGB 21 173 170	#15ADAA
33.3%	33.3% #2DBAA8	RGB 45 186 168	#2DBAA8
50.0%	50.0% #49C7AA	RGB 73 199 170	#49C7AA
66.7%	66.7% #68D4B0	RGB 104 212 176	#68D4B0
83.3%	83.3% #89E1BB	RGB 137 225 187	#89E1BB
100.0%	100.0% #AFEECC	RGB 175 238 204	#AFEECC

#0094A1 #15ADAA #2DBAA8 #49C7AA #68D4B0 #89E1BB #AFEECC

#0094A1 - #49C7AA - #AFEECC

CSS codes

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0094A1 0%, #49C7AA 50%, #AFEECC 100%);
    background: -webkit-linear-gradient(top, #0094A1 0%, #49C7AA 50%, #AFEECC 100%);
    background: linear-gradient(to bottom, #0094A1 0%, #49C7AA 50%, #AFEECC 100%);
}
</style>