#79CF9F - #223B2D | 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 #79CF9F a #223B2D

#79CF9F #223B2D

Calcule el color entre dos colores, #79CF9F y #223B2D. 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)

#79CF9F - #223B2D | 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 #79CF9F como 0% y #223B2D como 100%.

0.0%	0.0% #79CF9F	RGB 121 207 159	#79CF9F
16.7%	16.7% #6AB68C	RGB 106 182 140	#6AB68C
33.3%	33.3% #5C9D79	RGB 92 157 121	#5C9D79
50.0%	50.0% #4D8566	RGB 77 133 102	#4D8566
66.7%	66.7% #3F6C53	RGB 63 108 83	#3F6C53
83.3%	83.3% #305340	RGB 48 83 64	#305340
100.0%	100.0% #223B2D	RGB 34 59 45	#223B2D

#79CF9F #6AB68C #5C9D79 #4D8566 #3F6C53 #305340 #223B2D

#79CF9F - #223B2D

Mezcla HSV

#79CF9F - #223B2D | 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 #79CF9F como 0% y #223B2D como 100%.

0.0%	0.0% #79CF9F	RGB 121 207 159	#79CF9F
16.7%	16.7% #6AB68B	RGB 106 182 139	#6AB68B
33.3%	33.3% #5B9D78	RGB 91 157 120	#5B9D78
50.0%	50.0% #4D8565	RGB 77 133 101	#4D8565
66.7%	66.7% #3E6C52	RGB 62 108 82	#3E6C52
83.3%	83.3% #30533F	RGB 48 83 63	#30533F
100.0%	100.0% #223B2D	RGB 34 59 45	#223B2D

#79CF9F #6AB68B #5B9D78 #4D8565 #3E6C52 #30533F #223B2D

#79CF9F - #4D8565 - #223B2D

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #79CF9F 0%, #4D8565 50%, #223B2D 100%);
    background: -webkit-linear-gradient(top, #79CF9F 0%, #4D8565 50%, #223B2D 100%);
    background: linear-gradient(to bottom, #79CF9F 0%, #4D8565 50%, #223B2D 100%);
}
</style>