#4B9F9F - #CBE3E3 | 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 #4B9F9F a #CBE3E3

#4B9F9F #CBE3E3

Calcule el color entre dos colores, #4B9F9F y #CBE3E3. 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)

#4B9F9F - #CBE3E3 | 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 #4B9F9F como 0% y #CBE3E3 como 100%.

0.0%	0.0% #4B9F9F	RGB 75 159 159	#4B9F9F
16.7%	16.7% #60AAAA	RGB 96 170 170	#60AAAA
33.3%	33.3% #75B5B5	RGB 117 181 181	#75B5B5
50.0%	50.0% #8BC1C1	RGB 139 193 193	#8BC1C1
66.7%	66.7% #A0CCCC	RGB 160 204 204	#A0CCCC
83.3%	83.3% #B5D7D7	RGB 181 215 215	#B5D7D7
100.0%	100.0% #CBE3E3	RGB 203 227 227	#CBE3E3

#4B9F9F #60AAAA #75B5B5 #8BC1C1 #A0CCCC #B5D7D7 #CBE3E3

#4B9F9F - #CBE3E3

Mezcla HSV

#4B9F9F - #CBE3E3 | 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 #4B9F9F como 0% y #CBE3E3 como 100%.

0.0%	0.0% #4B9F9F	RGB 75 159 159	#4B9F9F
16.7%	16.7% #5CAAAA	RGB 92 170 170	#5CAAAA
33.3%	33.3% #6FB5B5	RGB 111 181 181	#6FB5B5
50.0%	50.0% #83C1C1	RGB 131 193 193	#83C1C1
66.7%	66.7% #99CCCC	RGB 153 204 204	#99CCCC
83.3%	83.3% #B1D7D7	RGB 177 215 215	#B1D7D7
100.0%	100.0% #CBE3E3	RGB 203 227 227	#CBE3E3

#4B9F9F #5CAAAA #6FB5B5 #83C1C1 #99CCCC #B1D7D7 #CBE3E3

#4B9F9F - #83C1C1 - #CBE3E3

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #4B9F9F 0%, #83C1C1 50%, #CBE3E3 100%);
    background: -webkit-linear-gradient(top, #4B9F9F 0%, #83C1C1 50%, #CBE3E3 100%);
    background: linear-gradient(to bottom, #4B9F9F 0%, #83C1C1 50%, #CBE3E3 100%);
}
</style>