#67C7C7 - #079894 | 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 #67C7C7 a #079894

#67C7C7 #079894

Calcule el color entre dos colores, #67C7C7 y #079894. 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)

#67C7C7 - #079894 | 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 #67C7C7 como 0% y #079894 como 100%.

0.0%	0.0% #67C7C7	RGB 103 199 199	#67C7C7
16.7%	16.7% #57BFBE	RGB 87 191 190	#57BFBE
33.3%	33.3% #47B7B6	RGB 71 183 182	#47B7B6
50.0%	50.0% #37AFAD	RGB 55 175 173	#37AFAD
66.7%	66.7% #27A7A5	RGB 39 167 165	#27A7A5
83.3%	83.3% #179F9C	RGB 23 159 156	#179F9C
100.0%	100.0% #079894	RGB 7 152 148	#079894

#67C7C7 #57BFBE #47B7B6 #37AFAD #27A7A5 #179F9C #079894

#67C7C7 - #079894

Mezcla HSV

#67C7C7 - #079894 | 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 #67C7C7 como 0% y #079894 como 100%.

0.0%	0.0% #67C7C7	RGB 103 199 199	#67C7C7
16.7%	16.7% #53BFBE	RGB 83 191 190	#53BFBE
33.3%	33.3% #42B7B6	RGB 66 183 182	#42B7B6
50.0%	50.0% #31AFAD	RGB 49 175 173	#31AFAD
66.7%	66.7% #22A7A5	RGB 34 167 165	#22A7A5
83.3%	83.3% #139F9C	RGB 19 159 156	#139F9C
100.0%	100.0% #079894	RGB 7 152 148	#079894

#67C7C7 #53BFBE #42B7B6 #31AFAD #22A7A5 #139F9C #079894

#67C7C7 - #31AFAD - #079894

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #67C7C7 0%, #31AFAD 50%, #079894 100%);
    background: -webkit-linear-gradient(top, #67C7C7 0%, #31AFAD 50%, #079894 100%);
    background: linear-gradient(to bottom, #67C7C7 0%, #31AFAD 50%, #079894 100%);
}
</style>