#2B8FBA - #C2DEEB | 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 #2B8FBA a #C2DEEB

#2B8FBA #C2DEEB

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

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

0.0%	0.0% #2B8FBA	RGB 43 143 186	#2B8FBA
16.7%	16.7% #449CC2	RGB 68 156 194	#449CC2
33.3%	33.3% #5DA9CA	RGB 93 169 202	#5DA9CA
50.0%	50.0% #76B6D2	RGB 118 182 210	#76B6D2
66.7%	66.7% #8FC3DA	RGB 143 195 218	#8FC3DA
83.3%	83.3% #A8D0E2	RGB 168 208 226	#A8D0E2
100.0%	100.0% #C2DEEB	RGB 194 222 235	#C2DEEB

#2B8FBA #449CC2 #5DA9CA #76B6D2 #8FC3DA #A8D0E2 #C2DEEB

#2B8FBA - #C2DEEB

Mezcla HSV

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

0.0%	0.0% #2B8FBA	RGB 43 143 186	#2B8FBA
16.7%	16.7% #409AC2	RGB 64 154 194	#409AC2
33.3%	33.3% #56A6CA	RGB 86 166 202	#56A6CA
50.0%	50.0% #6FB3D2	RGB 111 179 210	#6FB3D2
66.7%	66.7% #89C1DA	RGB 137 193 218	#89C1DA
83.3%	83.3% #A4CFE2	RGB 164 207 226	#A4CFE2
100.0%	100.0% #C2DEEB	RGB 194 222 235	#C2DEEB

#2B8FBA #409AC2 #56A6CA #6FB3D2 #89C1DA #A4CFE2 #C2DEEB

#2B8FBA - #6FB3D2 - #C2DEEB

Códigos CSS

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

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