#00947D - #005F3C | 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 #00947D a #005F3C

#00947D #005F3C

Calcule el color entre dos colores, #00947D y #005F3C. 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)

#00947D - #005F3C | 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 #00947D como 0% y #005F3C como 100%.

0.0%	0.0% #00947D	RGB 0 148 125	#00947D
16.7%	16.7% #008B72	RGB 0 139 114	#008B72
33.3%	33.3% #008267	RGB 0 130 103	#008267
50.0%	50.0% #00795C	RGB 0 121 92	#00795C
66.7%	66.7% #007051	RGB 0 112 81	#007051
83.3%	83.3% #006746	RGB 0 103 70	#006746
100.0%	100.0% #005F3C	RGB 0 95 60	#005F3C

#00947D #008B72 #008267 #00795C #007051 #006746 #005F3C

#00947D - #005F3C

Mezcla HSV

#00947D - #005F3C | 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 #00947D como 0% y #005F3C como 100%.

0.0%	0.0% #00947D	RGB 0 148 125	#00947D
16.7%	16.7% #008B70	RGB 0 139 112	#008B70
33.3%	33.3% #008264	RGB 0 130 100	#008264
50.0%	50.0% #007959	RGB 0 121 89	#007959
66.7%	66.7% #00704F	RGB 0 112 79	#00704F
83.3%	83.3% #006745	RGB 0 103 69	#006745
100.0%	100.0% #005F3C	RGB 0 95 60	#005F3C

#00947D #008B70 #008264 #007959 #00704F #006745 #005F3C

#00947D - #007959 - #005F3C

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00947D 0%, #007959 50%, #005F3C 100%);
    background: -webkit-linear-gradient(top, #00947D 0%, #007959 50%, #005F3C 100%);
    background: linear-gradient(to bottom, #00947D 0%, #007959 50%, #005F3C 100%);
}
</style>