#ABC6B9 - #448F75 | 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 #ABC6B9 a #448F75

#ABC6B9 #448F75

Calcule el color entre dos colores, #ABC6B9 y #448F75. 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)

#ABC6B9 - #448F75 | 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 #ABC6B9 como 0% y #448F75 como 100%.

0.0%	0.0% #ABC6B9	RGB 171 198 185	#ABC6B9
16.7%	16.7% #99BCAD	RGB 153 188 173	#99BCAD
33.3%	33.3% #88B3A2	RGB 136 179 162	#88B3A2
50.0%	50.0% #77AA97	RGB 119 170 151	#77AA97
66.7%	66.7% #66A18B	RGB 102 161 139	#66A18B
83.3%	83.3% #559880	RGB 85 152 128	#559880
100.0%	100.0% #448F75	RGB 68 143 117	#448F75

#ABC6B9 #99BCAD #88B3A2 #77AA97 #66A18B #559880 #448F75

#ABC6B9 - #448F75

Mezcla HSV

#ABC6B9 - #448F75 | 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 #ABC6B9 como 0% y #448F75 como 100%.

0.0%	0.0% #ABC6B9	RGB 171 198 185	#ABC6B9
16.7%	16.7% #96BCAB	RGB 150 188 171	#96BCAB
33.3%	33.3% #83B39E	RGB 131 179 158	#83B39E
50.0%	50.0% #72AA93	RGB 114 170 147	#72AA93
66.7%	66.7% #61A188	RGB 97 161 136	#61A188
83.3%	83.3% #52987E	RGB 82 152 126	#52987E
100.0%	100.0% #448F75	RGB 68 143 117	#448F75

#ABC6B9 #96BCAB #83B39E #72AA93 #61A188 #52987E #448F75

#ABC6B9 - #72AA93 - #448F75

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #ABC6B9 0%, #72AA93 50%, #448F75 100%);
    background: -webkit-linear-gradient(top, #ABC6B9 0%, #72AA93 50%, #448F75 100%);
    background: linear-gradient(to bottom, #ABC6B9 0%, #72AA93 50%, #448F75 100%);
}
</style>