#0EB6B6 - #BAEAEA | 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 #0EB6B6 a #BAEAEA

#0EB6B6 #BAEAEA

Calcule el color entre dos colores, #0EB6B6 y #BAEAEA. 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)

#0EB6B6 - #BAEAEA | 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 #0EB6B6 como 0% y #BAEAEA como 100%.

0.0%	0.0% #0EB6B6	RGB 14 182 182	#0EB6B6
16.7%	16.7% #2ABEBE	RGB 42 190 190	#2ABEBE
33.3%	33.3% #47C7C7	RGB 71 199 199	#47C7C7
50.0%	50.0% #64D0D0	RGB 100 208 208	#64D0D0
66.7%	66.7% #80D8D8	RGB 128 216 216	#80D8D8
83.3%	83.3% #9DE1E1	RGB 157 225 225	#9DE1E1
100.0%	100.0% #BAEAEA	RGB 186 234 234	#BAEAEA

#0EB6B6 #2ABEBE #47C7C7 #64D0D0 #80D8D8 #9DE1E1 #BAEAEA

#0EB6B6 - #BAEAEA

Mezcla HSV

#0EB6B6 - #BAEAEA | 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 #0EB6B6 como 0% y #BAEAEA como 100%.

0.0%	0.0% #0DB6B6	RGB 13 182 182	#0DB6B6
16.7%	16.7% #25BEBE	RGB 37 190 190	#25BEBE
33.3%	33.3% #3FC7C7	RGB 63 199 199	#3FC7C7
50.0%	50.0% #5AD0D0	RGB 90 208 208	#5AD0D0
66.7%	66.7% #78D8D8	RGB 120 216 216	#78D8D8
83.3%	83.3% #98E1E1	RGB 152 225 225	#98E1E1
100.0%	100.0% #BAEAEA	RGB 186 234 234	#BAEAEA

#0DB6B6 #25BEBE #3FC7C7 #5AD0D0 #78D8D8 #98E1E1 #BAEAEA

#0EB6B6 - #5AD0D0 - #BAEAEA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #0DB6B6 0%, #5AD0D0 50%, #BAEAEA 100%);
    background: -webkit-linear-gradient(top, #0DB6B6 0%, #5AD0D0 50%, #BAEAEA 100%);
    background: linear-gradient(to bottom, #0DB6B6 0%, #5AD0D0 50%, #BAEAEA 100%);
}
</style>