#3096B4 - #BCDBCD | 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 #3096B4 a #BCDBCD

#3096B4 #BCDBCD

Calcule el color entre dos colores, #3096B4 y #BCDBCD. 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)

#3096B4 - #BCDBCD | 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 #3096B4 como 0% y #BCDBCD como 100%.

0.0%	0.0% #3096B4	RGB 48 150 180	#3096B4
16.7%	16.7% #47A1B8	RGB 71 161 184	#47A1B8
33.3%	33.3% #5EADBC	RGB 94 173 188	#5EADBC
50.0%	50.0% #76B8C0	RGB 118 184 192	#76B8C0
66.7%	66.7% #8DC4C4	RGB 141 196 196	#8DC4C4
83.3%	83.3% #A4CFC8	RGB 164 207 200	#A4CFC8
100.0%	100.0% #BCDBCD	RGB 188 219 205	#BCDBCD

#3096B4 #47A1B8 #5EADBC #76B8C0 #8DC4C4 #A4CFC8 #BCDBCD

#3096B4 - #BCDBCD

Mezcla HSV

#3096B4 - #BCDBCD | 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 #3096B4 como 0% y #BCDBCD como 100%.

0.0%	0.0% #3095B4	RGB 48 149 180	#3095B4
16.7%	16.7% #44ACBA	RGB 68 172 186	#44ACBA
33.3%	33.3% #59C0C1	RGB 89 192 193	#59C0C1
50.0%	50.0% #70C7BD	RGB 112 199 189	#70C7BD
66.7%	66.7% #88CEBE	RGB 136 206 190	#88CEBE
83.3%	83.3% #A1D4C3	RGB 161 212 195	#A1D4C3
100.0%	100.0% #BCDBCD	RGB 188 219 205	#BCDBCD

#3095B4 #44ACBA #59C0C1 #70C7BD #88CEBE #A1D4C3 #BCDBCD

#3096B4 - #70C7BD - #BCDBCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #3095B4 0%, #70C7BD 50%, #BCDBCD 100%);
    background: -webkit-linear-gradient(top, #3095B4 0%, #70C7BD 50%, #BCDBCD 100%);
    background: linear-gradient(to bottom, #3095B4 0%, #70C7BD 50%, #BCDBCD 100%);
}
</style>