#ABC6C0 - #4D838B | 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 #ABC6C0 a #4D838B

#ABC6C0 #4D838B

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

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

0.0%	0.0% #ABC6C0	RGB 171 198 192	#ABC6C0
16.7%	16.7% #9BBAB7	RGB 155 186 183	#9BBAB7
33.3%	33.3% #8BAFAE	RGB 139 175 174	#8BAFAE
50.0%	50.0% #7CA4A5	RGB 124 164 165	#7CA4A5
66.7%	66.7% #6C999C	RGB 108 153 156	#6C999C
83.3%	83.3% #5C8E93	RGB 92 142 147	#5C8E93
100.0%	100.0% #4D838B	RGB 77 131 139	#4D838B

#ABC6C0 #9BBAB7 #8BAFAE #7CA4A5 #6C999C #5C8E93 #4D838B

#ABC6C0 - #4D838B

Mezcla HSV

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

0.0%	0.0% #ABC6C0	RGB 171 198 192	#ABC6C0
16.7%	16.7% #98BCB6	RGB 152 188 182	#98BCB6
33.3%	33.3% #87B2AD	RGB 135 178 173	#87B2AD
50.0%	50.0% #77A8A6	RGB 119 168 166	#77A8A6
66.7%	66.7% #689E9E	RGB 104 158 158	#689E9E
83.3%	83.3% #5A9094	RGB 90 144 148	#5A9094
100.0%	100.0% #4D838B	RGB 77 131 139	#4D838B

#ABC6C0 #98BCB6 #87B2AD #77A8A6 #689E9E #5A9094 #4D838B

#ABC6C0 - #77A8A6 - #4D838B

Códigos CSS

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

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