#00C7E3 - #B6EFF7 | 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 #00C7E3 a #B6EFF7

#00C7E3 #B6EFF7

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

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

0.0%	0.0% #00C7E3	RGB 0 199 227	#00C7E3
16.7%	16.7% #1ECDE6	RGB 30 205 230	#1ECDE6
33.3%	33.3% #3CD4E9	RGB 60 212 233	#3CD4E9
50.0%	50.0% #5BDBED	RGB 91 219 237	#5BDBED
66.7%	66.7% #79E1F0	RGB 121 225 240	#79E1F0
83.3%	83.3% #97E8F3	RGB 151 232 243	#97E8F3
100.0%	100.0% #B6EFF7	RGB 182 239 247	#B6EFF7

#00C7E3 #1ECDE6 #3CD4E9 #5BDBED #79E1F0 #97E8F3 #B6EFF7

#00C7E3 - #B6EFF7

Mezcla HSV

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

0.0%	0.0% #00C7E3	RGB 0 199 227	#00C7E3
16.7%	16.7% #1CCDE6	RGB 28 205 230	#1CCDE6
33.3%	33.3% #39D3E9	RGB 57 211 233	#39D3E9
50.0%	50.0% #57DAED	RGB 87 218 237	#57DAED
66.7%	66.7% #76E1F0	RGB 118 225 240	#76E1F0
83.3%	83.3% #95E8F3	RGB 149 232 243	#95E8F3
100.0%	100.0% #B6EFF7	RGB 182 239 247	#B6EFF7

#00C7E3 #1CCDE6 #39D3E9 #57DAED #76E1F0 #95E8F3 #B6EFF7

#00C7E3 - #57DAED - #B6EFF7

Códigos CSS

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

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