#B6D5E4 - #333C41 | 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 #B6D5E4 a #333C41

#B6D5E4 #333C41

Calcule el color entre dos colores, #B6D5E4 y #333C41. 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)

#B6D5E4 - #333C41 | 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 #B6D5E4 como 0% y #333C41 como 100%.

0.0%	0.0% #B6D5E4	RGB 182 213 228	#B6D5E4
16.7%	16.7% #A0BBC8	RGB 160 187 200	#A0BBC8
33.3%	33.3% #8AA2AD	RGB 138 162 173	#8AA2AD
50.0%	50.0% #748892	RGB 116 136 146	#748892
66.7%	66.7% #5E6F77	RGB 94 111 119	#5E6F77
83.3%	83.3% #48555C	RGB 72 85 92	#48555C
100.0%	100.0% #333C41	RGB 51 60 65	#333C41

#B6D5E4 #A0BBC8 #8AA2AD #748892 #5E6F77 #48555C #333C41

#B6D5E4 - #333C41

Mezcla HSV

#B6D5E4 - #333C41 | 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 #B6D5E4 como 0% y #333C41 como 100%.

0.0%	0.0% #B6D5E4	RGB 182 213 228	#B6D5E4
16.7%	16.7% #9FBBC8	RGB 159 187 200	#9FBBC8
33.3%	33.3% #89A1AD	RGB 137 161 173	#89A1AD
50.0%	50.0% #738892	RGB 115 136 146	#738892
66.7%	66.7% #5E6E77	RGB 94 110 119	#5E6E77
83.3%	83.3% #48555C	RGB 72 85 92	#48555C
100.0%	100.0% #333C41	RGB 51 60 65	#333C41

#B6D5E4 #9FBBC8 #89A1AD #738892 #5E6E77 #48555C #333C41

#B6D5E4 - #738892 - #333C41

Códigos CSS

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

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