#54C5C5 - #CEEEEE | 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 #54C5C5 a #CEEEEE

#54C5C5 #CEEEEE

Calcule el color entre dos colores, #54C5C5 y #CEEEEE. 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)

#54C5C5 - #CEEEEE | 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 #54C5C5 como 0% y #CEEEEE como 100%.

0.0%	0.0% #54C5C5	RGB 84 197 197	#54C5C5
16.7%	16.7% #68CBCB	RGB 104 203 203	#68CBCB
33.3%	33.3% #7CD2D2	RGB 124 210 210	#7CD2D2
50.0%	50.0% #91D9D9	RGB 145 217 217	#91D9D9
66.7%	66.7% #A5E0E0	RGB 165 224 224	#A5E0E0
83.3%	83.3% #B9E7E7	RGB 185 231 231	#B9E7E7
100.0%	100.0% #CEEEEE	RGB 206 238 238	#CEEEEE

#54C5C5 #68CBCB #7CD2D2 #91D9D9 #A5E0E0 #B9E7E7 #CEEEEE

#54C5C5 - #CEEEEE

Mezcla HSV

#54C5C5 - #CEEEEE | 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 #54C5C5 como 0% y #CEEEEE como 100%.

0.0%	0.0% #54C5C5	RGB 84 197 197	#54C5C5
16.7%	16.7% #65CBCB	RGB 101 203 203	#65CBCB
33.3%	33.3% #78D2D2	RGB 120 210 210	#78D2D2
50.0%	50.0% #8CD9D9	RGB 140 217 217	#8CD9D9
66.7%	66.7% #A1E0E0	RGB 161 224 224	#A1E0E0
83.3%	83.3% #B7E7E7	RGB 183 231 231	#B7E7E7
100.0%	100.0% #CEEEEE	RGB 206 238 238	#CEEEEE

#54C5C5 #65CBCB #78D2D2 #8CD9D9 #A1E0E0 #B7E7E7 #CEEEEE

#54C5C5 - #8CD9D9 - #CEEEEE

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #54C5C5 0%, #8CD9D9 50%, #CEEEEE 100%);
    background: -webkit-linear-gradient(top, #54C5C5 0%, #8CD9D9 50%, #CEEEEE 100%);
    background: linear-gradient(to bottom, #54C5C5 0%, #8CD9D9 50%, #CEEEEE 100%);
}
</style>