#143915 - #BBC6BB | 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 #143915 a #BBC6BB

#143915 #BBC6BB

Calcule el color entre dos colores, #143915 y #BBC6BB. 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)

#143915 - #BBC6BB | 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 #143915 como 0% y #BBC6BB como 100%.

0.0%	0.0% #143915	RGB 20 57 21	#143915
16.7%	16.7% #2F5030	RGB 47 80 48	#2F5030
33.3%	33.3% #4B684C	RGB 75 104 76	#4B684C
50.0%	50.0% #677F68	RGB 103 127 104	#677F68
66.7%	66.7% #839783	RGB 131 151 131	#839783
83.3%	83.3% #9FAE9F	RGB 159 174 159	#9FAE9F
100.0%	100.0% #BBC6BB	RGB 187 198 187	#BBC6BB

#143915 #2F5030 #4B684C #677F68 #839783 #9FAE9F #BBC6BB

#143915 - #BBC6BB

Mezcla HSV

#143915 - #BBC6BB | 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 #143915 como 0% y #BBC6BB como 100%.

0.0%	0.0% #143915	RGB 20 57 21	#143915
16.7%	16.7% #245025	RGB 36 80 37	#245025
33.3%	33.3% #396839	RGB 57 104 57	#396839
50.0%	50.0% #527F53	RGB 82 127 83	#527F53
66.7%	66.7% #709771	RGB 112 151 113	#709771
83.3%	83.3% #93AE93	RGB 147 174 147	#93AE93
100.0%	100.0% #BBC6BB	RGB 187 198 187	#BBC6BB

#143915 #245025 #396839 #527F53 #709771 #93AE93 #BBC6BB

#143915 - #527F53 - #BBC6BB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #143915 0%, #527F53 50%, #BBC6BB 100%);
    background: -webkit-linear-gradient(top, #143915 0%, #527F53 50%, #BBC6BB 100%);
    background: linear-gradient(to bottom, #143915 0%, #527F53 50%, #BBC6BB 100%);
}
</style>