#8ADCAF - #2DAC7B | colorate

colorate es una herramienta de esquema de color para diseñadores y desarrolladores. Esta ayudará a inspirarse y servirá de recurso para su trabajo de color. Haz que este sitio sea mejor

Mezcla #8ADCAF a #2DAC7B

#8ADCAF #2DAC7B

Calcule el color entre dos colores, #8ADCAF y #2DAC7B. En el cálculo de los valores RGB, la saturación entre los colores diferentes es baja. Al calcular los valores de HSV, la saturación entre los diferentes colores no es baja.

Mezcla RGB (Linear)

#8ADCAF - #2DAC7B | colorate

Cálculo del color entre dos colores según el valor RGB. Para colores que están distantes entre sí, la saturación entre los dos colores disminuye. Expande el color entre dos colores con #8ADCAF como 0% y #2DAC7B como 100%.

0.0%	0.0% #8ADCAF	RGB 138 220 175	#8ADCAF
16.7%	16.7% #7AD4A6	RGB 122 212 166	#7AD4A6
33.3%	33.3% #6BCC9D	RGB 107 204 157	#6BCC9D
50.0%	50.0% #5BC495	RGB 91 196 149	#5BC495
66.7%	66.7% #4CBC8C	RGB 76 188 140	#4CBC8C
83.3%	83.3% #3CB483	RGB 60 180 131	#3CB483
100.0%	100.0% #2DAC7B	RGB 45 172 123	#2DAC7B

#8ADCAF #7AD4A6 #6BCC9D #5BC495 #4CBC8C #3CB483 #2DAC7B

#8ADCAF - #2DAC7B

Mezcla HSV

#8ADCAF - #2DAC7B | colorate

Cálculo del color entre dos colores según el valor de HSV. Incluso entre distintos colores de color, la saturación entre los dos colores no disminuye. Expande el color entre dos colores con #8ADCAF como 0% y #2DAC7B como 100%.

0.0%	0.0% #8ADCAF	RGB 138 220 175	#8ADCAF
16.7%	16.7% #78D4A4	RGB 120 212 164	#78D4A4
33.3%	33.3% #67CC9A	RGB 103 204 154	#67CC9A
50.0%	50.0% #57C491	RGB 87 196 145	#57C491
66.7%	66.7% #48BC88	RGB 72 188 136	#48BC88
83.3%	83.3% #3AB481	RGB 58 180 129	#3AB481
100.0%	100.0% #2DAC7B	RGB 45 172 123	#2DAC7B

#8ADCAF #78D4A4 #67CC9A #57C491 #48BC88 #3AB481 #2DAC7B

#8ADCAF - #57C491 - #2DAC7B

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #8ADCAF 0%, #57C491 50%, #2DAC7B 100%);
    background: -webkit-linear-gradient(top, #8ADCAF 0%, #57C491 50%, #2DAC7B 100%);
    background: linear-gradient(to bottom, #8ADCAF 0%, #57C491 50%, #2DAC7B 100%);
}
</style>