#2B5EAC - #C2D1E7 | 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 #2B5EAC a #C2D1E7

#2B5EAC #C2D1E7

Calcule el color entre dos colores, #2B5EAC y #C2D1E7. 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)

#2B5EAC - #C2D1E7 | 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 #2B5EAC como 0% y #C2D1E7 como 100%.

0.0%	0.0% #2B5EAC	RGB 43 94 172	#2B5EAC
16.7%	16.7% #4471B5	RGB 68 113 181	#4471B5
33.3%	33.3% #5D84BF	RGB 93 132 191	#5D84BF
50.0%	50.0% #7697C9	RGB 118 151 201	#7697C9
66.7%	66.7% #8FAAD3	RGB 143 170 211	#8FAAD3
83.3%	83.3% #A8BDDD	RGB 168 189 221	#A8BDDD
100.0%	100.0% #C2D1E7	RGB 194 209 231	#C2D1E7

#2B5EAC #4471B5 #5D84BF #7697C9 #8FAAD3 #A8BDDD #C2D1E7

#2B5EAC - #C2D1E7

Mezcla HSV

#2B5EAC - #C2D1E7 | 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 #2B5EAC como 0% y #C2D1E7 como 100%.

0.0%	0.0% #2B5EAC	RGB 43 94 172	#2B5EAC
16.7%	16.7% #3F6EB5	RGB 63 110 181	#3F6EB5
33.3%	33.3% #557FBF	RGB 85 127 191	#557FBF
50.0%	50.0% #6D92C9	RGB 109 146 201	#6D92C9
66.7%	66.7% #87A6D3	RGB 135 166 211	#87A6D3
83.3%	83.3% #A4BBDD	RGB 164 187 221	#A4BBDD
100.0%	100.0% #C2D1E7	RGB 194 209 231	#C2D1E7

#2B5EAC #3F6EB5 #557FBF #6D92C9 #87A6D3 #A4BBDD #C2D1E7

#2B5EAC - #6D92C9 - #C2D1E7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #2B5EAC 0%, #6D92C9 50%, #C2D1E7 100%);
    background: -webkit-linear-gradient(top, #2B5EAC 0%, #6D92C9 50%, #C2D1E7 100%);
    background: linear-gradient(to bottom, #2B5EAC 0%, #6D92C9 50%, #C2D1E7 100%);
}
</style>