#005541 - #B6CEC8 | 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 #005541 a #B6CEC8

#005541 #B6CEC8

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

#005541 - #B6CEC8 | 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 #005541 como 0% y #B6CEC8 como 100%.

0.0%	0.0% #005541	RGB 0 85 65	#005541
16.7%	16.7% #1E6957	RGB 30 105 87	#1E6957
33.3%	33.3% #3C7D6E	RGB 60 125 110	#3C7D6E
50.0%	50.0% #5B9184	RGB 91 145 132	#5B9184
66.7%	66.7% #79A59B	RGB 121 165 155	#79A59B
83.3%	83.3% #97B9B1	RGB 151 185 177	#97B9B1
100.0%	100.0% #B6CEC8	RGB 182 206 200	#B6CEC8

#005541 #1E6957 #3C7D6E #5B9184 #79A59B #97B9B1 #B6CEC8

#005541 - #B6CEC8

Mezcla HSV

#005541 - #B6CEC8 | 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 #005541 como 0% y #B6CEC8 como 100%.

0.0%	0.0% #005541	RGB 0 85 65	#005541
16.7%	16.7% #0F6953	RGB 15 105 83	#0F6953
33.3%	33.3% #247D68	RGB 36 125 104	#247D68
50.0%	50.0% #40917D	RGB 64 145 125	#40917D
66.7%	66.7% #61A594	RGB 97 165 148	#61A594
83.3%	83.3% #88B9AD	RGB 136 185 173	#88B9AD
100.0%	100.0% #B6CEC8	RGB 182 206 200	#B6CEC8

#005541 #0F6953 #247D68 #40917D #61A594 #88B9AD #B6CEC8

#005541 - #40917D - #B6CEC8

Códigos CSS

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

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