#005536 - #B6CEC5 | 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 #005536 a #B6CEC5

#005536 #B6CEC5

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

#005536 - #B6CEC5 | 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 #005536 como 0% y #B6CEC5 como 100%.

0.0%	0.0% #005536	RGB 0 85 54	#005536
16.7%	16.7% #1E694D	RGB 30 105 77	#1E694D
33.3%	33.3% #3C7D65	RGB 60 125 101	#3C7D65
50.0%	50.0% #5B917D	RGB 91 145 125	#5B917D
66.7%	66.7% #79A595	RGB 121 165 149	#79A595
83.3%	83.3% #97B9AD	RGB 151 185 173	#97B9AD
100.0%	100.0% #B6CEC5	RGB 182 206 197	#B6CEC5

#005536 #1E694D #3C7D65 #5B917D #79A595 #97B9AD #B6CEC5

#005536 - #B6CEC5

Mezcla HSV

#005536 - #B6CEC5 | 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 #005536 como 0% y #B6CEC5 como 100%.

0.0%	0.0% #005536	RGB 0 85 54	#005536
16.7%	16.7% #0F6948	RGB 15 105 72	#0F6948
33.3%	33.3% #247D5C	RGB 36 125 92	#247D5C
50.0%	50.0% #409173	RGB 64 145 115	#409173
66.7%	66.7% #61A58C	RGB 97 165 140	#61A58C
83.3%	83.3% #88B9A7	RGB 136 185 167	#88B9A7
100.0%	100.0% #B6CEC5	RGB 182 206 197	#B6CEC5

#005536 #0F6948 #247D5C #409173 #61A58C #88B9A7 #B6CEC5

#005536 - #409173 - #B6CEC5

Códigos CSS

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

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