#004BAF - #ADFDE1 | 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 #004BAF a #ADFDE1

#004BAF #ADFDE1

Calcule el color entre dos colores, #004BAF y #ADFDE1. 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)

#004BAF - #ADFDE1 | 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 #004BAF como 0% y #ADFDE1 como 100%.

0.0%	0.0% #004BAF	RGB 0 75 175	#004BAF
16.7%	16.7% #1C68B7	RGB 28 104 183	#1C68B7
33.3%	33.3% #3986BF	RGB 57 134 191	#3986BF
50.0%	50.0% #56A4C8	RGB 86 164 200	#56A4C8
66.7%	66.7% #73C1D0	RGB 115 193 208	#73C1D0
83.3%	83.3% #90DFD8	RGB 144 223 216	#90DFD8
100.0%	100.0% #ADFDE1	RGB 173 253 225	#ADFDE1

#004BAF #1C68B7 #3986BF #56A4C8 #73C1D0 #90DFD8 #ADFDE1

#004BAF - #ADFDE1

Mezcla HSV

#004BAF - #ADFDE1 | 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 #004BAF como 0% y #ADFDE1 como 100%.

0.0%	0.0% #004BAF	RGB 0 75 175	#004BAF
16.7%	16.7% #1576BC	RGB 21 118 188	#1576BC
33.3%	33.3% #2D9FC9	RGB 45 159 201	#2D9FC9
50.0%	50.0% #49C6D6	RGB 73 198 214	#49C6D6
66.7%	66.7% #67E3DD	RGB 103 227 221	#67E3DD
83.3%	83.3% #88F0DB	RGB 136 240 219	#88F0DB
100.0%	100.0% #ADFDE1	RGB 173 253 225	#ADFDE1

#004BAF #1576BC #2D9FC9 #49C6D6 #67E3DD #88F0DB #ADFDE1

#004BAF - #49C6D6 - #ADFDE1

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
    background: -webkit-linear-gradient(top, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
    background: linear-gradient(to bottom, #004BAF 0%, #49C6D6 50%, #ADFDE1 100%);
}
</style>