#0DBEBE - #B9ECEC | 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 #0DBEBE a #B9ECEC

#0DBEBE #B9ECEC

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

#0DBEBE - #B9ECEC | 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 #0DBEBE como 0% y #B9ECEC como 100%.

0.0%	0.0% #0DBEBE	RGB 13 190 190	#0DBEBE
16.7%	16.7% #29C5C5	RGB 41 197 197	#29C5C5
33.3%	33.3% #46CDCD	RGB 70 205 205	#46CDCD
50.0%	50.0% #63D5D5	RGB 99 213 213	#63D5D5
66.7%	66.7% #7FDCDC	RGB 127 220 220	#7FDCDC
83.3%	83.3% #9CE4E4	RGB 156 228 228	#9CE4E4
100.0%	100.0% #B9ECEC	RGB 185 236 236	#B9ECEC

#0DBEBE #29C5C5 #46CDCD #63D5D5 #7FDCDC #9CE4E4 #B9ECEC

#0DBEBE - #B9ECEC

Mezcla HSV

#0DBEBE - #B9ECEC | 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 #0DBEBE como 0% y #B9ECEC como 100%.

0.0%	0.0% #0DBEBE	RGB 13 190 190	#0DBEBE
16.7%	16.7% #25C5C5	RGB 37 197 197	#25C5C5
33.3%	33.3% #3FCDCD	RGB 63 205 205	#3FCDCD
50.0%	50.0% #5AD5D5	RGB 90 213 213	#5AD5D5
66.7%	66.7% #78DCDC	RGB 120 220 220	#78DCDC
83.3%	83.3% #97E4E4	RGB 151 228 228	#97E4E4
100.0%	100.0% #B9ECEC	RGB 185 236 236	#B9ECEC

#0DBEBE #25C5C5 #3FCDCD #5AD5D5 #78DCDC #97E4E4 #B9ECEC

#0DBEBE - #5AD5D5 - #B9ECEC

Códigos CSS

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

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