#1B5555 - #BDCECE | 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 #1B5555 a #BDCECE

#1B5555 #BDCECE

Calcule el color entre dos colores, #1B5555 y #BDCECE. 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)

#1B5555 - #BDCECE | 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 #1B5555 como 0% y #BDCECE como 100%.

0.0%	0.0% #1B5555	RGB 27 85 85	#1B5555
16.7%	16.7% #366969	RGB 54 105 105	#366969
33.3%	33.3% #517D7D	RGB 81 125 125	#517D7D
50.0%	50.0% #6C9191	RGB 108 145 145	#6C9191
66.7%	66.7% #87A5A5	RGB 135 165 165	#87A5A5
83.3%	83.3% #A2B9B9	RGB 162 185 185	#A2B9B9
100.0%	100.0% #BDCECE	RGB 189 206 206	#BDCECE

#1B5555 #366969 #517D7D #6C9191 #87A5A5 #A2B9B9 #BDCECE

#1B5555 - #BDCECE

Mezcla HSV

#1B5555 - #BDCECE | 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 #1B5555 como 0% y #BDCECE como 100%.

0.0%	0.0% #1B5555	RGB 27 85 85	#1B5555
16.7%	16.7% #2B6969	RGB 43 105 105	#2B6969
33.3%	33.3% #407D7D	RGB 64 125 125	#407D7D
50.0%	50.0% #599191	RGB 89 145 145	#599191
66.7%	66.7% #76A5A5	RGB 118 165 165	#76A5A5
83.3%	83.3% #97B9B9	RGB 151 185 185	#97B9B9
100.0%	100.0% #BDCECE	RGB 189 206 206	#BDCECE

#1B5555 #2B6969 #407D7D #599191 #76A5A5 #97B9B9 #BDCECE

#1B5555 - #599191 - #BDCECE

Códigos CSS

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

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