#BFD7E2 - #6A8BAB | 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 #BFD7E2 a #6A8BAB

#BFD7E2 #6A8BAB

Calcule el color entre dos colores, #BFD7E2 y #6A8BAB. 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)

#BFD7E2 - #6A8BAB | 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 #BFD7E2 como 0% y #6A8BAB como 100%.

0.0%	0.0% #BFD7E2	RGB 191 215 226	#BFD7E2
16.7%	16.7% #B0CAD8	RGB 176 202 216	#B0CAD8
33.3%	33.3% #A2BDCF	RGB 162 189 207	#A2BDCF
50.0%	50.0% #94B1C6	RGB 148 177 198	#94B1C6
66.7%	66.7% #86A4BD	RGB 134 164 189	#86A4BD
83.3%	83.3% #7897B4	RGB 120 151 180	#7897B4
100.0%	100.0% #6A8BAB	RGB 106 139 171	#6A8BAB

#BFD7E2 #B0CAD8 #A2BDCF #94B1C6 #86A4BD #7897B4 #6A8BAB

#BFD7E2 - #6A8BAB

Mezcla HSV

#BFD7E2 - #6A8BAB | 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 #BFD7E2 como 0% y #6A8BAB como 100%.

0.0%	0.0% #BFD7E2	RGB 191 215 226	#BFD7E2
16.7%	16.7% #AFCAD8	RGB 175 202 216	#AFCAD8
33.3%	33.3% #9FBDCF	RGB 159 189 207	#9FBDCF
50.0%	50.0% #91B1C6	RGB 145 177 198	#91B1C6
66.7%	66.7% #83A4BD	RGB 131 164 189	#83A4BD
83.3%	83.3% #7697B4	RGB 118 151 180	#7697B4
100.0%	100.0% #6A8BAB	RGB 106 139 171	#6A8BAB

#BFD7E2 #AFCAD8 #9FBDCF #91B1C6 #83A4BD #7697B4 #6A8BAB

#BFD7E2 - #91B1C6 - #6A8BAB

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #BFD7E2 0%, #91B1C6 50%, #6A8BAB 100%);
    background: -webkit-linear-gradient(top, #BFD7E2 0%, #91B1C6 50%, #6A8BAB 100%);
    background: linear-gradient(to bottom, #BFD7E2 0%, #91B1C6 50%, #6A8BAB 100%);
}
</style>