#275024 - #64815F | 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 #275024 a #64815F

#275024 #64815F

Calcule el color entre dos colores, #275024 y #64815F. 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)

#275024 - #64815F | 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 #275024 como 0% y #64815F como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #31582D	RGB 49 88 45	#31582D
33.3%	33.3% #3B6037	RGB 59 96 55	#3B6037
50.0%	50.0% #456841	RGB 69 104 65	#456841
66.7%	66.7% #4F704B	RGB 79 112 75	#4F704B
83.3%	83.3% #597855	RGB 89 120 85	#597855
100.0%	100.0% #64815F	RGB 100 129 95	#64815F

#275024 #31582D #3B6037 #456841 #4F704B #597855 #64815F

#275024 - #64815F

Mezcla HSV

#275024 - #64815F | 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 #275024 como 0% y #64815F como 100%.

0.0%	0.0% #275024	RGB 39 80 36	#275024
16.7%	16.7% #2F582B	RGB 47 88 43	#2F582B
33.3%	33.3% #386034	RGB 56 96 52	#386034
50.0%	50.0% #42683D	RGB 66 104 61	#42683D
66.7%	66.7% #4D7048	RGB 77 112 72	#4D7048
83.3%	83.3% #587853	RGB 88 120 83	#587853
100.0%	100.0% #64815F	RGB 100 129 95	#64815F

#275024 #2F582B #386034 #42683D #4D7048 #587853 #64815F

#275024 - #42683D - #64815F

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #275024 0%, #42683D 50%, #64815F 100%);
    background: -webkit-linear-gradient(top, #275024 0%, #42683D 50%, #64815F 100%);
    background: linear-gradient(to bottom, #275024 0%, #42683D 50%, #64815F 100%);
}
</style>