#005555 - #B6CECE | 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 #005555 a #B6CECE

#005555 #B6CECE

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

#005555 - #B6CECE | 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 #005555 como 0% y #B6CECE como 100%.

0.0%	0.0% #005555	RGB 0 85 85	#005555
16.7%	16.7% #1E6969	RGB 30 105 105	#1E6969
33.3%	33.3% #3C7D7D	RGB 60 125 125	#3C7D7D
50.0%	50.0% #5B9191	RGB 91 145 145	#5B9191
66.7%	66.7% #79A5A5	RGB 121 165 165	#79A5A5
83.3%	83.3% #97B9B9	RGB 151 185 185	#97B9B9
100.0%	100.0% #B6CECE	RGB 182 206 206	#B6CECE

#005555 #1E6969 #3C7D7D #5B9191 #79A5A5 #97B9B9 #B6CECE

#005555 - #B6CECE

Mezcla HSV

#005555 - #B6CECE | 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 #005555 como 0% y #B6CECE como 100%.

0.0%	0.0% #005555	RGB 0 85 85	#005555
16.7%	16.7% #0F6969	RGB 15 105 105	#0F6969
33.3%	33.3% #247D7D	RGB 36 125 125	#247D7D
50.0%	50.0% #409191	RGB 64 145 145	#409191
66.7%	66.7% #61A5A5	RGB 97 165 165	#61A5A5
83.3%	83.3% #88B9B9	RGB 136 185 185	#88B9B9
100.0%	100.0% #B6CECE	RGB 182 206 206	#B6CECE

#005555 #0F6969 #247D7D #409191 #61A5A5 #88B9B9 #B6CECE

#005555 - #409191 - #B6CECE

Códigos CSS

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

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