#83C7C7 - #DBEFEF | 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 #83C7C7 a #DBEFEF

#83C7C7 #DBEFEF

Calcule el color entre dos colores, #83C7C7 y #DBEFEF. 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)

#83C7C7 - #DBEFEF | 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 #83C7C7 como 0% y #DBEFEF como 100%.

0.0%	0.0% #83C7C7	RGB 131 199 199	#83C7C7
16.7%	16.7% #91CDCD	RGB 145 205 205	#91CDCD
33.3%	33.3% #A0D4D4	RGB 160 212 212	#A0D4D4
50.0%	50.0% #AFDBDB	RGB 175 219 219	#AFDBDB
66.7%	66.7% #BDE1E1	RGB 189 225 225	#BDE1E1
83.3%	83.3% #CCE8E8	RGB 204 232 232	#CCE8E8
100.0%	100.0% #DBEFEF	RGB 219 239 239	#DBEFEF

#83C7C7 #91CDCD #A0D4D4 #AFDBDB #BDE1E1 #CCE8E8 #DBEFEF

#83C7C7 - #DBEFEF

Mezcla HSV

#83C7C7 - #DBEFEF | 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 #83C7C7 como 0% y #DBEFEF como 100%.

0.0%	0.0% #83C7C7	RGB 131 199 199	#83C7C7
16.7%	16.7% #90CDCD	RGB 144 205 205	#90CDCD
33.3%	33.3% #9ED4D4	RGB 158 212 212	#9ED4D4
50.0%	50.0% #ACDBDB	RGB 172 219 219	#ACDBDB
66.7%	66.7% #BBE1E1	RGB 187 225 225	#BBE1E1
83.3%	83.3% #CAE8E8	RGB 202 232 232	#CAE8E8
100.0%	100.0% #DBEFEF	RGB 219 239 239	#DBEFEF

#83C7C7 #90CDCD #9ED4D4 #ACDBDB #BBE1E1 #CAE8E8 #DBEFEF

#83C7C7 - #ACDBDB - #DBEFEF

Códigos CSS

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

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