#004038 - #B6C8C6 | 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 #004038 a #B6C8C6

#004038 #B6C8C6

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

#004038 - #B6C8C6 | 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 #004038 como 0% y #B6C8C6 como 100%.

0.0%	0.0% #004038	RGB 0 64 56	#004038
16.7%	16.7% #1E564F	RGB 30 86 79	#1E564F
33.3%	33.3% #3C6D67	RGB 60 109 103	#3C6D67
50.0%	50.0% #5B847F	RGB 91 132 127	#5B847F
66.7%	66.7% #799A96	RGB 121 154 150	#799A96
83.3%	83.3% #97B1AE	RGB 151 177 174	#97B1AE
100.0%	100.0% #B6C8C6	RGB 182 200 198	#B6C8C6

#004038 #1E564F #3C6D67 #5B847F #799A96 #97B1AE #B6C8C6

#004038 - #B6C8C6

Mezcla HSV

#004038 - #B6C8C6 | 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 #004038 como 0% y #B6C8C6 como 100%.

0.0%	0.0% #004038	RGB 0 64 56	#004038
16.7%	16.7% #0D564D	RGB 13 86 77	#0D564D
33.3%	33.3% #216D64	RGB 33 109 100	#216D64
50.0%	50.0% #3C847B	RGB 60 132 123	#3C847B
66.7%	66.7% #5D9A93	RGB 93 154 147	#5D9A93
83.3%	83.3% #86B1AC	RGB 134 177 172	#86B1AC
100.0%	100.0% #B6C8C6	RGB 182 200 198	#B6C8C6

#004038 #0D564D #216D64 #3C847B #5D9A93 #86B1AC #B6C8C6

#004038 - #3C847B - #B6C8C6

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004038 0%, #3C847B 50%, #B6C8C6 100%);
    background: -webkit-linear-gradient(top, #004038 0%, #3C847B 50%, #B6C8C6 100%);
    background: linear-gradient(to bottom, #004038 0%, #3C847B 50%, #B6C8C6 100%);
}
</style>