#4ABABA - #C4E4AF | 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 #4ABABA a #C4E4AF

#4ABABA #C4E4AF

Calcule el color entre dos colores, #4ABABA y #C4E4AF. 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)

#4ABABA - #C4E4AF | 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 #4ABABA como 0% y #C4E4AF como 100%.

0.0%	0.0% #4ABABA	RGB 74 186 186	#4ABABA
16.7%	16.7% #5EC1B8	RGB 94 193 184	#5EC1B8
33.3%	33.3% #72C8B6	RGB 114 200 182	#72C8B6
50.0%	50.0% #87CFB4	RGB 135 207 180	#87CFB4
66.7%	66.7% #9BD6B2	RGB 155 214 178	#9BD6B2
83.3%	83.3% #AFDDB0	RGB 175 221 176	#AFDDB0
100.0%	100.0% #C4E4AF	RGB 196 228 175	#C4E4AF

#4ABABA #5EC1B8 #72C8B6 #87CFB4 #9BD6B2 #AFDDB0 #C4E4AF

#4ABABA - #C4E4AF

Mezcla HSV

#4ABABA - #C4E4AF | 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 #4ABABA como 0% y #C4E4AF como 100%.

0.0%	0.0% #4ABABA	RGB 74 186 186	#4ABABA
16.7%	16.7% #58C1A8	RGB 88 193 168	#58C1A8
33.3%	33.3% #68C89B	RGB 104 200 155	#68C89B
50.0%	50.0% #78CF92	RGB 120 207 146	#78CF92
66.7%	66.7% #89D68F	RGB 137 214 143	#89D68F
83.3%	83.3% #A6DD9C	RGB 166 221 156	#A6DD9C
100.0%	100.0% #C4E4AF	RGB 196 228 175	#C4E4AF

#4ABABA #58C1A8 #68C89B #78CF92 #89D68F #A6DD9C #C4E4AF

#4ABABA - #78CF92 - #C4E4AF

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4ABABA 0%, #78CF92 50%, #C4E4AF 100%);
    background: -webkit-linear-gradient(top, #4ABABA 0%, #78CF92 50%, #C4E4AF 100%);
    background: linear-gradient(to bottom, #4ABABA 0%, #78CF92 50%, #C4E4AF 100%);
}
</style>