#48BFBF - #CAECEC | 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 #48BFBF a #CAECEC

#48BFBF #CAECEC

Calcule el color entre dos colores, #48BFBF y #CAECEC. 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)

#48BFBF - #CAECEC | 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 #48BFBF como 0% y #CAECEC como 100%.

0.0%	0.0% #48BFBF	RGB 72 191 191	#48BFBF
16.7%	16.7% #5DC6C6	RGB 93 198 198	#5DC6C6
33.3%	33.3% #73CECE	RGB 115 206 206	#73CECE
50.0%	50.0% #89D5D5	RGB 137 213 213	#89D5D5
66.7%	66.7% #9EDDDD	RGB 158 221 221	#9EDDDD
83.3%	83.3% #B4E4E4	RGB 180 228 228	#B4E4E4
100.0%	100.0% #CAECEC	RGB 202 236 236	#CAECEC

#48BFBF #5DC6C6 #73CECE #89D5D5 #9EDDDD #B4E4E4 #CAECEC

#48BFBF - #CAECEC

Mezcla HSV

#48BFBF - #CAECEC | 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 #48BFBF como 0% y #CAECEC como 100%.

0.0%	0.0% #48BFBF	RGB 72 191 191	#48BFBF
16.7%	16.7% #5AC6C6	RGB 90 198 198	#5AC6C6
33.3%	33.3% #6ECECE	RGB 110 206 206	#6ECECE
50.0%	50.0% #83D5D5	RGB 131 213 213	#83D5D5
66.7%	66.7% #99DDDD	RGB 153 221 221	#99DDDD
83.3%	83.3% #B1E4E4	RGB 177 228 228	#B1E4E4
100.0%	100.0% #CAECEC	RGB 202 236 236	#CAECEC

#48BFBF #5AC6C6 #6ECECE #83D5D5 #99DDDD #B1E4E4 #CAECEC

#48BFBF - #83D5D5 - #CAECEC

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #48BFBF 0%, #83D5D5 50%, #CAECEC 100%);
    background: -webkit-linear-gradient(top, #48BFBF 0%, #83D5D5 50%, #CAECEC 100%);
    background: linear-gradient(to bottom, #48BFBF 0%, #83D5D5 50%, #CAECEC 100%);
}
</style>