#00C5E5 - #B6EEF7 | 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 #00C5E5 a #B6EEF7

#00C5E5 #B6EEF7

Calcule el color entre dos colores, #00C5E5 y #B6EEF7. 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)

#00C5E5 - #B6EEF7 | 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 #00C5E5 como 0% y #B6EEF7 como 100%.

0.0%	0.0% #00C5E5	RGB 0 197 229	#00C5E5
16.7%	16.7% #1ECBE8	RGB 30 203 232	#1ECBE8
33.3%	33.3% #3CD2EB	RGB 60 210 235	#3CD2EB
50.0%	50.0% #5BD9EE	RGB 91 217 238	#5BD9EE
66.7%	66.7% #79E0F1	RGB 121 224 241	#79E0F1
83.3%	83.3% #97E7F4	RGB 151 231 244	#97E7F4
100.0%	100.0% #B6EEF7	RGB 182 238 247	#B6EEF7

#00C5E5 #1ECBE8 #3CD2EB #5BD9EE #79E0F1 #97E7F4 #B6EEF7

#00C5E5 - #B6EEF7

Mezcla HSV

#00C5E5 - #B6EEF7 | 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 #00C5E5 como 0% y #B6EEF7 como 100%.

0.0%	0.0% #00C4E5	RGB 0 196 229	#00C4E5
16.7%	16.7% #1CCBE8	RGB 28 203 232	#1CCBE8
33.3%	33.3% #39D2EB	RGB 57 210 235	#39D2EB
50.0%	50.0% #57D9EE	RGB 87 217 238	#57D9EE
66.7%	66.7% #76DFF1	RGB 118 223 241	#76DFF1
83.3%	83.3% #95E6F4	RGB 149 230 244	#95E6F4
100.0%	100.0% #B6EEF7	RGB 182 238 247	#B6EEF7

#00C4E5 #1CCBE8 #39D2EB #57D9EE #76DFF1 #95E6F4 #B6EEF7

#00C5E5 - #57D9EE - #B6EEF7

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00C4E5 0%, #57D9EE 50%, #B6EEF7 100%);
    background: -webkit-linear-gradient(top, #00C4E5 0%, #57D9EE 50%, #B6EEF7 100%);
    background: linear-gradient(to bottom, #00C4E5 0%, #57D9EE 50%, #B6EEF7 100%);
}
</style>