#B0E3E3 - #3EB8BA | 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 #B0E3E3 a #3EB8BA

#B0E3E3 #3EB8BA

Calcule el color entre dos colores, #B0E3E3 y #3EB8BA. 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)

#B0E3E3 - #3EB8BA | 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 #B0E3E3 como 0% y #3EB8BA como 100%.

0.0%	0.0% #B0E3E3	RGB 176 227 227	#B0E3E3
16.7%	16.7% #9DDBDC	RGB 157 219 220	#9DDBDC
33.3%	33.3% #8AD4D5	RGB 138 212 213	#8AD4D5
50.0%	50.0% #77CDCE	RGB 119 205 206	#77CDCE
66.7%	66.7% #64C6C7	RGB 100 198 199	#64C6C7
83.3%	83.3% #51BFC0	RGB 81 191 192	#51BFC0
100.0%	100.0% #3EB8BA	RGB 62 184 186	#3EB8BA

#B0E3E3 #9DDBDC #8AD4D5 #77CDCE #64C6C7 #51BFC0 #3EB8BA

#B0E3E3 - #3EB8BA

Mezcla HSV

#B0E3E3 - #3EB8BA | 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 #B0E3E3 como 0% y #3EB8BA como 100%.

0.0%	0.0% #B0E3E3	RGB 176 227 227	#B0E3E3
16.7%	16.7% #9ADBDC	RGB 154 219 220	#9ADBDC
33.3%	33.3% #85D4D5	RGB 133 212 213	#85D4D5
50.0%	50.0% #72CDCE	RGB 114 205 206	#72CDCE
66.7%	66.7% #5FC6C7	RGB 95 198 199	#5FC6C7
83.3%	83.3% #4EBFC0	RGB 78 191 192	#4EBFC0
100.0%	100.0% #3EB8BA	RGB 62 184 186	#3EB8BA

#B0E3E3 #9ADBDC #85D4D5 #72CDCE #5FC6C7 #4EBFC0 #3EB8BA

#B0E3E3 - #72CDCE - #3EB8BA

Códigos CSS

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

/* HSV Gradient */
div {
    background: -moz-linear-gradient(top, #B0E3E3 0%, #72CDCE 50%, #3EB8BA 100%);
    background: -webkit-linear-gradient(top, #B0E3E3 0%, #72CDCE 50%, #3EB8BA 100%);
    background: linear-gradient(to bottom, #B0E3E3 0%, #72CDCE 50%, #3EB8BA 100%);
}
</style>