#ABC6B8 - #4D8B80 | 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 #ABC6B8 a #4D8B80

#ABC6B8 #4D8B80

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

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

0.0%	0.0% #ABC6B8	RGB 171 198 184	#ABC6B8
16.7%	16.7% #9BBCAE	RGB 155 188 174	#9BBCAE
33.3%	33.3% #8BB2A5	RGB 139 178 165	#8BB2A5
50.0%	50.0% #7CA89C	RGB 124 168 156	#7CA89C
66.7%	66.7% #6C9E92	RGB 108 158 146	#6C9E92
83.3%	83.3% #5C9489	RGB 92 148 137	#5C9489
100.0%	100.0% #4D8B80	RGB 77 139 128	#4D8B80

#ABC6B8 #9BBCAE #8BB2A5 #7CA89C #6C9E92 #5C9489 #4D8B80

#ABC6B8 - #4D8B80

Mezcla HSV

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

0.0%	0.0% #ABC6B8	RGB 171 198 184	#ABC6B8
16.7%	16.7% #98BCAB	RGB 152 188 171	#98BCAB
33.3%	33.3% #87B2A1	RGB 135 178 161	#87B2A1
50.0%	50.0% #77A897	RGB 119 168 151	#77A897
66.7%	66.7% #689E8E	RGB 104 158 142	#689E8E
83.3%	83.3% #5A9487	RGB 90 148 135	#5A9487
100.0%	100.0% #4D8B80	RGB 77 139 128	#4D8B80

#ABC6B8 #98BCAB #87B2A1 #77A897 #689E8E #5A9487 #4D8B80

#ABC6B8 - #77A897 - #4D8B80

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
    background: -webkit-linear-gradient(top, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
    background: linear-gradient(to bottom, #ABC6B8 0%, #77A897 50%, #4D8B80 100%);
}
</style>