#00BEBE - #B6ECEC | 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 #00BEBE a #B6ECEC

#00BEBE #B6ECEC

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

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

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #1EC5C5	RGB 30 197 197	#1EC5C5
33.3%	33.3% #3CCDCD	RGB 60 205 205	#3CCDCD
50.0%	50.0% #5BD5D5	RGB 91 213 213	#5BD5D5
66.7%	66.7% #79DCDC	RGB 121 220 220	#79DCDC
83.3%	83.3% #97E4E4	RGB 151 228 228	#97E4E4
100.0%	100.0% #B6ECEC	RGB 182 236 236	#B6ECEC

#00BEBE #1EC5C5 #3CCDCD #5BD5D5 #79DCDC #97E4E4 #B6ECEC

#00BEBE - #B6ECEC

Mezcla HSV

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

0.0%	0.0% #00BEBE	RGB 0 190 190	#00BEBE
16.7%	16.7% #19C5C5	RGB 25 197 197	#19C5C5
33.3%	33.3% #34CDCD	RGB 52 205 205	#34CDCD
50.0%	50.0% #52D5D5	RGB 82 213 213	#52D5D5
66.7%	66.7% #71DCDC	RGB 113 220 220	#71DCDC
83.3%	83.3% #92E4E4	RGB 146 228 228	#92E4E4
100.0%	100.0% #B6ECEC	RGB 182 236 236	#B6ECEC

#00BEBE #19C5C5 #34CDCD #52D5D5 #71DCDC #92E4E4 #B6ECEC

#00BEBE - #52D5D5 - #B6ECEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
    background: -webkit-linear-gradient(top, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
    background: linear-gradient(to bottom, #00BEBE 0%, #52D5D5 50%, #B6ECEC 100%);
}
</style>