#214D19 - #8C9B5E | 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 #214D19 a #8C9B5E

#214D19 #8C9B5E

Calcule el color entre dos colores, #214D19 y #8C9B5E. 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)

#214D19 - #8C9B5E | 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 #214D19 como 0% y #8C9B5E como 100%.

0.0%	0.0% #214D19	RGB 33 77 25	#214D19
16.7%	16.7% #325A24	RGB 50 90 36	#325A24
33.3%	33.3% #446730	RGB 68 103 48	#446730
50.0%	50.0% #56743B	RGB 86 116 59	#56743B
66.7%	66.7% #688147	RGB 104 129 71	#688147
83.3%	83.3% #7A8E52	RGB 122 142 82	#7A8E52
100.0%	100.0% #8C9B5E	RGB 140 155 94	#8C9B5E

#214D19 #325A24 #446730 #56743B #688147 #7A8E52 #8C9B5E

#214D19 - #8C9B5E

Mezcla HSV

#214D19 - #8C9B5E | 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 #214D19 como 0% y #8C9B5E como 100%.

0.0%	0.0% #204D19	RGB 32 77 25	#204D19
16.7%	16.7% #2F5A21	RGB 47 90 33	#2F5A21
33.3%	33.3% #40672B	RGB 64 103 43	#40672B
50.0%	50.0% #527436	RGB 82 116 54	#527436
66.7%	66.7% #648142	RGB 100 129 66	#648142
83.3%	83.3% #788E4F	RGB 120 142 79	#788E4F
100.0%	100.0% #8C9B5E	RGB 140 155 94	#8C9B5E

#204D19 #2F5A21 #40672B #527436 #648142 #788E4F #8C9B5E

#214D19 - #527436 - #8C9B5E

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #204D19 0%, #527436 50%, #8C9B5E 100%);
    background: -webkit-linear-gradient(top, #204D19 0%, #527436 50%, #8C9B5E 100%);
    background: linear-gradient(to bottom, #204D19 0%, #527436 50%, #8C9B5E 100%);
}
</style>