#005AE3 - #B3FFCD | 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 #005AE3 a #B3FFCD

#005AE3 #B3FFCD

Calcule el color entre dos colores, #005AE3 y #B3FFCD. 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)

#005AE3 - #B3FFCD | 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 #005AE3 como 0% y #B3FFCD como 100%.

0.0%	0.0% #005AE3	RGB 0 90 227	#005AE3
16.7%	16.7% #1D75DF	RGB 29 117 223	#1D75DF
33.3%	33.3% #3B91DB	RGB 59 145 219	#3B91DB
50.0%	50.0% #59ACD8	RGB 89 172 216	#59ACD8
66.7%	66.7% #77C8D4	RGB 119 200 212	#77C8D4
83.3%	83.3% #95E3D0	RGB 149 227 208	#95E3D0
100.0%	100.0% #B3FFCD	RGB 179 255 205	#B3FFCD

#005AE3 #1D75DF #3B91DB #59ACD8 #77C8D4 #95E3D0 #B3FFCD

#005AE3 - #B3FFCD

Mezcla HSV

#005AE3 - #B3FFCD | 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 #005AE3 como 0% y #B3FFCD como 100%.

0.0%	0.0% #005AE3	RGB 0 90 227	#005AE3
16.7%	16.7% #1B97E7	RGB 27 151 231	#1B97E7
33.3%	33.3% #37CBEC	RGB 55 203 236	#37CBEC
50.0%	50.0% #54F1EC	RGB 84 241 236	#54F1EC
66.7%	66.7% #72F5D6	RGB 114 245 214	#72F5D6
83.3%	83.3% #92FACB	RGB 146 250 203	#92FACB
100.0%	100.0% #B3FFCD	RGB 179 255 205	#B3FFCD

#005AE3 #1B97E7 #37CBEC #54F1EC #72F5D6 #92FACB #B3FFCD

#005AE3 - #54F1EC - #B3FFCD

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #005AE3 0%, #54F1EC 50%, #B3FFCD 100%);
    background: -webkit-linear-gradient(top, #005AE3 0%, #54F1EC 50%, #B3FFCD 100%);
    background: linear-gradient(to bottom, #005AE3 0%, #54F1EC 50%, #B3FFCD 100%);
}
</style>