#00A656 - #165135 | 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 #00A656 a #165135

#00A656 #165135

Calcule el color entre dos colores, #00A656 y #165135. 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)

#00A656 - #165135 | 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 #00A656 como 0% y #165135 como 100%.

0.0%	0.0% #00A656	RGB 0 166 86	#00A656
16.7%	16.7% #039750	RGB 3 151 80	#039750
33.3%	33.3% #07894B	RGB 7 137 75	#07894B
50.0%	50.0% #0B7B45	RGB 11 123 69	#0B7B45
66.7%	66.7% #0E6D40	RGB 14 109 64	#0E6D40
83.3%	83.3% #125F3A	RGB 18 95 58	#125F3A
100.0%	100.0% #165135	RGB 22 81 53	#165135

#00A656 #039750 #07894B #0B7B45 #0E6D40 #125F3A #165135

#00A656 - #165135

Mezcla HSV

#00A656 - #165135 | 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 #00A656 como 0% y #165135 como 100%.

0.0%	0.0% #00A656	RGB 0 166 86	#00A656
16.7%	16.7% #069752	RGB 6 151 82	#069752
33.3%	33.3% #0C894D	RGB 12 137 77	#0C894D
50.0%	50.0% #107B48	RGB 16 123 72	#107B48
66.7%	66.7% #136D42	RGB 19 109 66	#136D42
83.3%	83.3% #155F3C	RGB 21 95 60	#155F3C
100.0%	100.0% #165135	RGB 22 81 53	#165135

#00A656 #069752 #0C894D #107B48 #136D42 #155F3C #165135

#00A656 - #107B48 - #165135

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00A656 0%, #107B48 50%, #165135 100%);
    background: -webkit-linear-gradient(top, #00A656 0%, #107B48 50%, #165135 100%);
    background: linear-gradient(to bottom, #00A656 0%, #107B48 50%, #165135 100%);
}
</style>