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

#2B8CBB #C2DEEB

Calcule el color entre dos colores, #2B8CBB 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)

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

0.0%	0.0% #2B8CBB	RGB 43 140 187	#2B8CBB
16.7%	16.7% #4499C3	RGB 68 153 195	#4499C3
33.3%	33.3% #5DA7CB	RGB 93 167 203	#5DA7CB
50.0%	50.0% #76B5D3	RGB 118 181 211	#76B5D3
66.7%	66.7% #8FC2DB	RGB 143 194 219	#8FC2DB
83.3%	83.3% #A8D0E3	RGB 168 208 227	#A8D0E3
100.0%	100.0% #C2DEEB	RGB 194 222 235	#C2DEEB

#2B8CBB #4499C3 #5DA7CB #76B5D3 #8FC2DB #A8D0E3 #C2DEEB

#2B8CBB - #C2DEEB

Mezcla HSV

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

0.0%	0.0% #2B8CBB	RGB 43 140 187	#2B8CBB
16.7%	16.7% #4098C3	RGB 64 152 195	#4098C3
33.3%	33.3% #56A5CB	RGB 86 165 203	#56A5CB
50.0%	50.0% #6FB2D3	RGB 111 178 211	#6FB2D3
66.7%	66.7% #89C0DB	RGB 137 192 219	#89C0DB
83.3%	83.3% #A4CFE3	RGB 164 207 227	#A4CFE3
100.0%	100.0% #C2DEEB	RGB 194 222 235	#C2DEEB

#2B8CBB #4098C3 #56A5CB #6FB2D3 #89C0DB #A4CFE3 #C2DEEB

#2B8CBB - #6FB2D3 - #C2DEEB

Códigos CSS

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

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